/* Hallmark · genre: playful · macrostructure: App-Shell (Workbench) · theme: Hum (restrained, tool register)
 * tone: utilitarian-friendly · anchor hue: pear 95 / cyan 235 / lavender 305 · nav: N3 side-rail (+ mobile tab bar) · footer: none (app)
 */
:root {
  /* paper & ink */
  --color-paper: oklch(97% 0.012 95);
  --color-paper-2: oklch(94.5% 0.016 95);
  --color-paper-3: oklch(91% 0.02 95);
  --color-surface: oklch(99% 0.006 95);
  --color-ink: oklch(22% 0.014 250);
  --color-ink-2: oklch(22% 0.014 250 / 0.72);
  --color-ink-3: oklch(22% 0.014 250 / 0.5);
  --color-rule: oklch(22% 0.014 250 / 0.12);
  --color-rule-strong: oklch(22% 0.014 250 / 0.22);

  /* accents */
  --color-accent: oklch(86% 0.17 95);
  --color-accent-deep: oklch(72% 0.16 85);
  --color-accent-cast: oklch(76% 0.18 95 / 0.4);
  --color-accent-2: oklch(62% 0.16 235);
  --color-accent-2-deep: oklch(50% 0.14 240);
  --color-accent-3: oklch(64% 0.22 22);
  --color-accent-3-soft: oklch(94% 0.04 22);
  --color-mint: oklch(78% 0.14 150);
  --color-mint-soft: oklch(94% 0.05 150);
  --color-focus: oklch(55% 0.17 240);
  --color-coral-edge: oklch(50% 0.2 22);
  --color-coral-cast: oklch(64% 0.22 22 / 0.35);
  --color-coral-ink: oklch(45% 0.18 22);
  --color-coral-hatch: oklch(64% 0.22 22 / 0.14);
  --color-mint-ink: oklch(38% 0.1 150);
  --color-hatch: oklch(22% 0.014 250 / 0.07);
  --color-backdrop: oklch(22% 0.014 250 / 0.35);
  --color-privat-line: oklch(32% 0.06 80 / 0.25);
  --color-on-ink-soft: oklch(97% 0.012 95 / 0.14);
  --color-on-ink-hover: oklch(97% 0.012 95 / 0.24);

  /* zones */
  --zone-privat: oklch(95.5% 0.055 95);
  --zone-arbeit: oklch(94.5% 0.035 235);
  --zone-schlaf: oklch(93.5% 0.03 305);
  --zone-privat-strong: oklch(88% 0.13 95);
  --zone-arbeit-strong: oklch(84% 0.08 235);
  --zone-schlaf-strong: oklch(82% 0.08 305);
  --color-flex-tint: oklch(82% 0.08 305 / 0.25);

  /* Zonen-Palette (für frei angelegte Zonen) */
  --pal-pear-tint: oklch(95.5% 0.055 95);  --pal-pear-strong: oklch(88% 0.13 95);
  --pal-sky-tint: oklch(94.5% 0.035 235);  --pal-sky-strong: oklch(84% 0.08 235);
  --pal-lav-tint: oklch(93.5% 0.03 305);   --pal-lav-strong: oklch(82% 0.08 305);
  --pal-mint-tint: oklch(95% 0.04 150);    --pal-mint-strong: oklch(85% 0.09 150);
  --pal-peach-tint: oklch(95% 0.04 55);    --pal-peach-strong: oklch(86% 0.09 55);
  --pal-teal-tint: oklch(94.5% 0.035 195); --pal-teal-strong: oklch(84% 0.08 195);
  --pal-rose-tint: oklch(95% 0.035 355);   --pal-rose-strong: oklch(85% 0.08 355);
  --pal-stone-tint: oklch(94% 0.01 250);   --pal-stone-strong: oklch(84% 0.02 250);

  /* event fills */
  --event-privat: oklch(90% 0.12 95);
  --event-privat-ink: oklch(32% 0.06 80);
  --event-arbeit: oklch(86% 0.075 235);
  --event-arbeit-ink: oklch(30% 0.07 245);
  --event-remote-bg: oklch(99% 0.006 95);
  --travel-stripe: oklch(22% 0.014 250 / 0.1);

  /* avatars */
  --avatar-1: oklch(80% 0.12 150);
  --avatar-2: oklch(78% 0.13 305);
  --avatar-3: oklch(80% 0.11 40);
  --avatar-4: oklch(80% 0.1 235);

  /* type */
  --font-display: "Plus Jakarta Sans", "Geist", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", "Geist", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: clamp(1.9rem, 1.4rem + 1.8vw, 2.6rem);

  /* space (4pt) */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;

  /* shape */
  --radius-sm: 8px;
  --radius-input: 12px;
  --radius-card: 18px;
  --radius-pill: 999px;
  --shadow-contact: 0 1px 2px oklch(22% 0.014 250 / 0.08);
  --shadow-ambient: 0 10px 28px -14px oklch(22% 0.014 250 / 0.22);
  --shadow-pop: 0 24px 60px -20px oklch(22% 0.014 250 / 0.35);

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-press: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur-fast: 140ms;
  --dur-mid: 220ms;
  --dur-slow: 420ms;

  /* calendar */
  --hour-h: 52px;
  --rail-w: 232px;
}