ATAVUS

:root {
  --deeper: #0C1A15;        /* nejhlubší plocha, fokusové režimy */
  --deepforest: #122620;    /* karty, nav, hlavní tmavá plocha */
  --forest: #1F3A2F;        /* logo fill, tlačítka na krému */
  --forest-tint: #2A4A3D;   /* hover a aktivní stav lesa */
  --cream: #F0E8D5;         /* primární text na lese */
  --cream2: #E2D7BD;        /* sekundární text */
  --cream3: #DCCFB5;        /* linky a nenápadné výplně */
  --brass: #A78237;         /* akcent pod 10 % plochy */
  --brass-bright: #C6A24B;  /* hover akcent na tmavém poli */
  --brass-dim: #7B5F28;     /* tmavý akcent na krému */
  --brass-text: #C6A24B;    /* mosazný text, řešeno tématem, ne pevnou hodnotou */
  --stone: #B0A99F;         /* meta text na tmavém */
  --ink: #1E1A18;           /* text na papíru */
  --danger: #8C3B2E;        /* jen chyba nebo destruktivní akce */
  --foil: linear-gradient(115deg,#7A5C24 0%,#B88E38 18%,
    #E1C66E 35%,#FFF1BA 50%,#E4C96F 65%,#B98D37 84%,#7A5C24 100%);
  --line: color-mix(in srgb, var(--cream) 14%, transparent);
  --line-strong: color-mix(in srgb, var(--cream) 32%, transparent);

  --motion-micro: 140ms;    /* hover, focus, stisk */
  --motion-standard: 240ms; /* otevření prvku, změna stavu */
  --motion-scene: 480ms;    /* vstup sekce */
  --ease-out: cubic-bezier(.16,1,.3,1);   /* vstup a hover */
  --ease-press: cubic-bezier(.25,1,.5,1); /* fyzický stisk */

  --radius-0: 0;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --elevation-0: none;
  --elevation-1: 0 1px 0 0 var(--line);
  --elevation-2: 0 24px 56px -24px color-mix(in srgb, var(--deeper) 78%, transparent);

  --tracking-display-xl: -.028em; --leading-display-xl: 1.10; /* ≥96px */
  --tracking-display-lg: -.020em; --leading-display-lg: 1.16; /* 48-95px */
  --tracking-display-md: -.012em; --leading-display-md: 1.22; /* 28-47px */
  --tracking-mono-label: .16em;

  --display: 'Cormorant Garamond', Georgia, serif;
  --body: 'EB Garamond', Georgia, serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
}

[data-theme="light"] {
  --deeper: #F0E8D5;
  --deepforest: #E8DFC8;
  --forest: #DCCFB5;
  --forest-tint: #C7B99A;
  --cream: #1F3A2F;
  --cream2: #3A5040;
  --cream3: #4A6252;
  --brass: #7B5F28;
  --brass-text: #5E4A1F;
  --stone: #5E564C;
  --foil: linear-gradient(115deg,#4A3A18 0%,#6E5526 20%,
    #9A7B30 42%,#B8923C 50%,#9A7B30 58%,#6E5526 80%,#4A3A18 100%);
  --line: color-mix(in srgb, var(--cream) 14%, transparent);
  --line-strong: color-mix(in srgb, var(--cream) 32%, transparent);
}