/* Сгенерировано из профиля бренда «Контур» пакетом @kontur/tokens. Правки — в источнике. */
@layer theme, base, components, utilities;
@layer theme.tokens, theme.brand, theme.modes;

@layer theme.brand {
  :root {
    --accent-brand: light-dark(#09695f, #5fc4b6);
    --accent-brand-strong: light-dark(#005048, #86d8cb);
    --accent-brand-subtle: light-dark(#d9f8f2, #133430);
    --canvas: light-dark(#f0f3f2, #131715);
    --surface: light-dark(#ffffff, #191d1b);
    --surface-raised: light-dark(#ffffff, #1e2220);
    --fill: light-dark(#eceded, #242826);
    --fill-strong: light-dark(#e2e3e3, #2b2f2d);
    --border: light-dark(#d7dcda, #343836);
    --border-strong: light-dark(#828785, #707472);
    --text: light-dark(#1b1f1d, #e7eae9);
    --text-muted: light-dark(#4d514f, #babfbd);
    --text-subtle: light-dark(#616664, #989d9b);
    --on-accent: light-dark(#ffffff, #091410);
  }

  @supports not (color: light-dark(#000, #fff)) {
    :root, [data-theme="light"] {
      --accent-brand: #09695f;
      --accent-brand-strong: #005048;
      --accent-brand-subtle: #d9f8f2;
      --canvas: #f0f3f2;
      --surface: #ffffff;
      --surface-raised: #ffffff;
      --fill: #eceded;
      --fill-strong: #e2e3e3;
      --border: #d7dcda;
      --border-strong: #828785;
      --text: #1b1f1d;
      --text-muted: #4d514f;
      --text-subtle: #616664;
      --on-accent: #ffffff;
    }
    @media (prefers-color-scheme: dark) {
      :root:not([data-theme="light"]) {
        --accent-brand: #5fc4b6;
        --accent-brand-strong: #86d8cb;
        --accent-brand-subtle: #133430;
        --canvas: #131715;
        --surface: #191d1b;
        --surface-raised: #1e2220;
        --fill: #242826;
        --fill-strong: #2b2f2d;
        --border: #343836;
        --border-strong: #707472;
        --text: #e7eae9;
        --text-muted: #babfbd;
        --text-subtle: #989d9b;
        --on-accent: #091410;
      }
    }
    [data-theme="dark"] {
      --accent-brand: #5fc4b6;
      --accent-brand-strong: #86d8cb;
      --accent-brand-subtle: #133430;
      --canvas: #131715;
      --surface: #191d1b;
      --surface-raised: #1e2220;
      --fill: #242826;
      --fill-strong: #2b2f2d;
      --border: #343836;
      --border-strong: #707472;
      --text: #e7eae9;
      --text-muted: #babfbd;
      --text-subtle: #989d9b;
      --on-accent: #091410;
    }
  }
}