/* Noesium Design System — tokens, verbatim from the normative reference:
   https://claude.ai/code/artifact/ed47f6d8-b858-49f4-90de-af77f4923aae
   One surface (--bg), hairline zoning, colour only by meaning, serif for the
   agent's voice. Radii scale: 4/8/12/16/20/999. Do not invent tokens here —
   a missing one is a question to the design system, not a local decision. */

:root {
  /* surfaces */
  --bg: #FAF9F5;          /* единственный фон приложения */
  --card: #FFFFFF;        /* карточки, инпуты, таблицы */
  --fill: #F0EFE8;        /* пузыри, пилюли, цитаты, skeleton */
  --active: #ECEAE2;      /* активная/hover строка, выбранный чип */
  --track: #EFEEE7;       /* дорожка segmented, мини-чипы приоритета */
  --hairline: #E8E6DE;    /* разделители */
  --border: #E3E1D8;      /* бордер карточек и кнопок */

  /* ink */
  --ink: #1F1E1D;
  --ink-2: #5F5D55;
  --ink-3: #87857C;
  --ink-4: #B3B1A7;
  --outline: #C9C7BD;

  /* semantic — только по назначению */
  --brand: #D97757;       /* звёздочка «думает», critical-край 3px, overdue */
  --working: #6A9BCC;     /* агент работает */
  --approval: #D9A441;    /* ждёт approval; деградация; край 2px */
  --ok: #788C5D;          /* connected, healthy, кнопка Approve */

  /* amber text/surface */
  --amber-text: #B98A2F;
  --amber-bg: #FBF4E4;
  --amber-border: #EAD9B0;

  /* misc */
  --shadow: 0 4px 16px rgba(31, 30, 29, 0.06);
  --scrim: rgba(31, 30, 29, 0.38);

  /* type */
  --font-ui: -apple-system, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
}

/* Dark theme — derived from the light tokens, warm like the ivory it replaces.
   Auto mode carries no data-theme attribute and follows the system; an
   explicit choice pins data-theme="light" or "dark". */
[data-theme="dark"] {
  --bg: #262624;
  --card: #30302E;
  --fill: #3A3937;
  --active: #42413D;
  --track: #3A3937;
  --hairline: #3B3A37;
  --border: #47463F;

  --ink: #F0EFE9;
  --ink-2: #BDBBB1;
  --ink-3: #918F86;
  --ink-4: #6E6C65;
  --outline: #57554E;

  --amber-bg: #3A3325;
  --amber-border: #57492A;

  --shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  --scrim: rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #262624;
    --card: #30302E;
    --fill: #3A3937;
    --active: #42413D;
    --track: #3A3937;
    --hairline: #3B3A37;
    --border: #47463F;

    --ink: #F0EFE9;
    --ink-2: #BDBBB1;
    --ink-3: #918F86;
    --ink-4: #6E6C65;
    --outline: #57554E;

    --amber-bg: #3A3325;
    --amber-border: #57492A;

    --shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    --scrim: rgba(0, 0, 0, 0.5);
  }
}