/* Napfzeit — Dämmerung in einer warmen Wohnung.
   Die Palette folgt dem Licht: Aubergine als Raum, Lampenlicht als Wärme,
   Nasenrosa und Moos für Zuneigung und Alltag, Koralle nur für Dringendes. */

:root {
  --ink-900: #140e1a;
  --ink-850: #191222;
  --ink-800: #1e1628;
  --ink-700: #261c33;
  --ink-650: #2d2239;
  --ink-600: #392b47;
  --ink-500: #4a3a59;

  --chalk: #f8f3f7;
  --mist: #bcadc8;
  --mist-dim: #8f7f9e;

  --lamp: #f5b14c;
  --lamp-soft: #ffd79a;
  --rose: #ef93a3;
  --moss: #8fc28a;
  --cool: #93a9db;
  --alert: #ff7f63;

  /* Vom Sättigungsbogen gesetzt (siehe [data-level] unten). */
  --ring: var(--lamp);
  --glow-rgb: 245 177 76;

  --font-ui: 'Segoe UI Variable Text', 'Segoe UI', -apple-system, BlinkMacSystemFont, Inter, system-ui, sans-serif;
  --font-log: 'Cascadia Code', 'Cascadia Mono', ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace;

  --text-xs: 0.72rem;
  --text-sm: 0.82rem;
  --text-md: 0.95rem;
  --text-lg: 1.1rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.7rem;
  --text-display: clamp(2.5rem, 13vw, 3.6rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-pill: 999px;

  --line: 1px solid var(--ink-600);
  --panel: linear-gradient(180deg, var(--ink-700), var(--ink-800));
  --shadow-panel: 0 1px 0 rgb(255 255 255 / 0.04) inset, 0 20px 44px -28px rgb(0 0 0 / 0.95);
  --shadow-lift: 0 14px 34px -18px rgb(0 0 0 / 0.8);

  --ease-out: cubic-bezier(0.22, 0.8, 0.3, 1);
  --ease-spring: cubic-bezier(0.2, 1.25, 0.4, 1);
}

/* Der Zustand der Katze färbt den ganzen Raum. */
:root[data-level='full'] {
  --ring: var(--lamp);
  --glow-rgb: 245 177 76;
}
:root[data-level='peckish'] {
  --ring: var(--lamp-soft);
  --glow-rgb: 214 168 120;
}
:root[data-level='hungry'] {
  --ring: var(--alert);
  --glow-rgb: 190 130 150;
}
:root[data-level='overdue'] {
  --ring: var(--alert);
  --glow-rgb: 255 127 99;
}
:root[data-level='unknown'] {
  --ring: var(--mist-dim);
  --glow-rgb: 143 127 158;
}

/* Bühnenlicht je Animationszustand. */
[data-tint='warm'] { --stage-light: 245 177 76; }
[data-tint='calm'] { --stage-light: 160 140 200; }
[data-tint='rose'] { --stage-light: 239 147 163; }
[data-tint='moss'] { --stage-light: 143 194 138; }
[data-tint='cool'] { --stage-light: 147 169 219; }
[data-tint='alert'] { --stage-light: 255 127 99; }