/* ==================================================================
   LION KAMEESSY — Gold und Silber
   Gold nur als feine Linie und kleiner Akzent, nie als Fläche.
   Kein Verlauf über große Flächen, kein Glanzeffekt.
   ================================================================== */

:root {
  /* --- Grund: sehr dunkles, leicht warmes Anthrazit ------------- */
  --ink-900: #0A0A0B;
  --ink-850: #0E0E10;
  --ink-800: #131315;
  --ink-750: #17171A;
  --ink-700: #1D1D21;
  --ink-600: #26262B;
  --ink-500: #34343A;

  /* --- Silber: die Textfarben ----------------------------------- */
  --ag-50:  #F4F5F7;
  --ag-100: #E4E6EA;
  --ag-200: #CDD0D6;
  --ag-300: #B0B4BC;
  --ag-400: #8E9298;
  --ag-500: #6F7278;

  /* --- Gold: gedeckt, kein Neon --------------------------------- */
  --au-300: #E0C783;
  --au-400: #D4B468;
  --au-500: #C9A44C;
  --au-600: #A8863A;
  --au-700: #7C6329;
  --au-800: #4A3B18;

  /* --- Zuordnung ------------------------------------------------- */
  --bg:          var(--ink-900);
  --bg-alt:      var(--ink-850);
  --surface:     var(--ink-800);
  --line:        #1F1F23;
  --line-strong: var(--ink-600);
  --text:        var(--ag-50);
  --text-muted:  var(--ag-300);
  --text-dim:    var(--ag-400);
  --accent:      var(--au-500);
  --accent-text: var(--au-400);
  --accent-line: var(--au-700);
  --focus:       var(--au-300);

  /* --- Schrift --------------------------------------------------- */
  --f-serif: 'Newsreader', 'Iowan Old Style', Palatino, Georgia, serif;
  --f-sans:  'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  
  --t-display: clamp(2.15rem, 0.30rem + 4.00vw, 4.20rem);
  --t-h2:      clamp(1.75rem, 1.05rem + 2.60vw, 3.10rem);
  --t-h3:      clamp(1.25rem, 1.08rem + 0.70vw, 1.60rem);
  --t-lead:    clamp(1.08rem, 1.00rem + 0.36vw, 1.32rem);
  --t-body:    clamp(1.00rem, 0.97rem + 0.16vw, 1.09rem);
  --t-small:   0.9rem;
  --t-label:   0.70rem;
  --t-mark:    0.64rem;
  --t-numeral: clamp(2.2rem, 1.4rem + 3.0vw, 4.0rem);

  --lh-display: 1.06;
  --lh-head:    1.14;
  --lh-body:    1.66;
  --ls-display: -0.018em;
  --ls-head:    -0.012em;
  --ls-label:   0.18em;

  --page-max:    1440px;
  --content-max: 1180px;
  --text-max:    32rem;
  --gutter: clamp(1rem, 1.6vw, 2rem);
  --pad-x:  clamp(1.25rem, 5vw, 5.5rem);

  --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;   --s-5: 1.5rem;
  --s-6: 2rem;    --s-7: 2.75rem; --s-8: 3.5rem; --s-9: 4.5rem; --s-10: 6rem;

  --section-y:    clamp(4rem, 2.4rem + 6.4vw, 8.5rem);
  --section-y-sm: clamp(2.75rem, 2rem + 3.4vw, 5rem);

  --header-h:         86px;
  --header-h-compact: 64px;

  --ease:     cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --d-fast: 180ms; --d-base: 340ms; --d-slow: 620ms;

  --radius: 2px;
}

/* Ein einziger heller Bereich als Ruhepunkt */
.tone-hell {
  --bg:          #F5F3EF;
  --bg-alt:      #EBE8E2;
  --surface:     #FFFFFF;
  --line:        #DEDAD2;
  --line-strong: #C2BCB0;
  --text:        #111113;
  --text-muted:  #4A4A4E;
  --text-dim:    #6E6E73;
  --accent:      var(--au-700);
  --accent-text: var(--au-700);
  --accent-line: #C9BC96;
  --focus:       var(--au-700);
  background: var(--bg);
  color: var(--text);
}