/* Erzeugt von scripts/build_tokens.py aus docs/standards/11_TOKENS.json,
   Fassung 1.3.0 (2026-10-05), SHA-256 f55b09936ccc37343f20e6cfe43f052f606dfdbb0cb01669e0b502361265dc03.
   Nicht von Hand ändern: 11_TOKENS.json ändern und den Build laufen lassen
   (WEB-TOK-01, MAR-MED-04). tests/test_tokens.py vergleicht die Datei mit dem Build. */

@layer tokens, base, ui, pages;

@layer tokens {
  :root {
    /* color.palette */
    --corum: #BC3A47;
    --corum-dark: #8E2B34;
    --corum-mid: #D98B93;
    --corum-light: #EFC9CD;
    --corum-pale: #F7E4E6;
    --ink: #22272B;
    --slate: #3E4448;
    --graphite: #6B6F72;
    --steel: #A3A5A6;
    --silver: #BDC0C1;
    --mist: #D4D6D8;
    --cloud: #ECEEF1;
    --porcelain: #F4F6F7;
    --paper: #FFFFFF;
    --emerald: #2E6E5E;
    --emerald-pale: #E3EFEA;
    --ruby: var(--corum-dark);
    --ruby-pale: #F3E3E5;
    --sapphire: #2F4A6E;
    --sapphire-pale: #E4EAF2;

    /* color.text */
    --text-primary: var(--ink);
    --text-secondary: var(--graphite);
    --text-accent: var(--corum);
    --text-inverse: var(--paper);
    --text-legal: var(--ink);
    --text-disabled: var(--silver);

    /* color.surface */
    --surface-page: var(--paper);
    --surface-subtle: var(--porcelain);
    --surface-functional: var(--cloud);
    --surface-corum: var(--corum-pale);
    --surface-accent: var(--corum);

    /* color.rule */
    --rule-brand: var(--corum);
    --rule-strong: var(--ink);
    --rule-medium: var(--graphite);
    --rule-fine: var(--mist);
    --rule-faint: var(--cloud);
    --rule-control: var(--silver);
    --rule-connector: var(--steel);

    /* web.type */
    --t-display: clamp(2.1rem, 1.3rem + 2.6vw, 3rem);
    --t-h2: 1.4rem;
    --t-h3: 1.06rem;
    --t-body: 1rem;
    --t-small: 0.875rem;
    --t-micro: 0.78rem;
    --t-figure: 2.1rem;

    /* web.space */
    --s-1: 0.25rem;
    --s-2: 0.5rem;
    --s-3: 0.75rem;
    --s-4: 1rem;
    --s-5: 1.5rem;
    --s-6: 2rem;
    --s-7: 3rem;
    --s-8: 4.5rem;
    --gap-rel: 19px;
    --gap-topic: 37px;
    --half-gap: var(--s-6);

    /* web.layout */
    --shell: 1240px;
    --measure: 64ch;
    --header-h: 68px;

    /* web.control */
    --ctl-h: 2.25rem;
    --ctl-h-sm: 1.875rem;
    --ctl-px: 0.75rem;

    /* web.lamp */
    --lamp-ok: #3F8F5F;
    --lamp-warn: #C98A1E;

    /* web.motion */
    --motion-fast: 120ms;
    --motion-panel: 150ms;
    --motion-exit: 100ms;
    --motion-move: 240ms;
    --motion-brand: 480ms;
    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --ease-enter: cubic-bezier(0, 0, 0, 1);
    --ease-exit: cubic-bezier(0.3, 0, 1, 1);
    --motion-flip-max: 50;
  }
}