/* Hallmark · tokens · theme: custom (Paketora brand kit, project/brand/README.md)
 * axes: light paper / geometric-sans display / warm accent on cool neutrals
 */
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

:root {
  /* Navy is the ink; neutrals lean toward its hue (265). Orange is the one accent. */
  --color-paper: oklch(98.4% 0.004 265);
  --color-paper-2: oklch(96.6% 0.007 265);
  --color-sheet: oklch(99.6% 0.002 90);
  --color-rule: oklch(89% 0.012 265);
  --color-rule-strong: oklch(78% 0.02 265);
  --color-muted: oklch(50.3% 0.034 266);
  --color-ink: oklch(25.2% 0.085 265.5);
  --color-ink-2: oklch(31% 0.08 265.5);
  --color-on-ink: oklch(96.6% 0.007 265);
  --color-on-ink-muted: oklch(78% 0.03 265);
  --color-accent: oklch(69.2% 0.17 46.2);
  --color-accent-light: oklch(76.7% 0.133 52.9);
  --color-accent-dark: oklch(59.7% 0.157 45.3);
  --color-accent-text: oklch(55.2% 0.145 44.7);
  --color-ok: oklch(52% 0.11 155);
  --color-ok-soft: oklch(95% 0.03 155);
  --color-warn-soft: oklch(95% 0.04 70);
  --color-focus: oklch(69.2% 0.17 46.2);

  /* Gloss and glass: the navy "night" surfaces, brand-hue glows, frosted panels. */
  --color-night: oklch(17% 0.065 266);
  --color-night-2: oklch(33% 0.13 262);
  --color-glow-orange: oklch(72% 0.17 50 / 0.42);
  --color-glow-orange-soft: oklch(80% 0.12 55 / 0.22);
  --color-glow-blue: oklch(64% 0.15 262 / 0.32);
  --color-glow-blue-soft: oklch(78% 0.08 262 / 0.22);
  --color-sheen: oklch(99% 0.003 265 / 0.16);
  --color-sheen-strong: oklch(99% 0.003 265 / 0.4);
  --color-glass-dark-hover: oklch(44% 0.09 264 / 0.5);
  --color-scrim: oklch(17% 0.065 266 / 0.55);
  --color-glass: oklch(99.4% 0.003 265 / 0.6);
  --color-glass-strong: oklch(99.4% 0.003 265 / 0.82);
  --color-glass-edge: oklch(99.6% 0.003 265 / 0.75);
  --color-glass-dark: oklch(36% 0.09 264 / 0.38);
  --color-glass-dark-edge: oklch(88% 0.03 265 / 0.2);
  --shadow-glass: 0 1px 0 oklch(99.6% 0.003 265 / 0.6) inset, 0 12px 40px oklch(25% 0.08 265 / 0.12);
  --shadow-glass-dark: 0 1px 0 oklch(95% 0.02 265 / 0.14) inset, 0 20px 50px oklch(10% 0.05 266 / 0.45);
  --shadow-lift: 0 30px 60px oklch(10% 0.05 266 / 0.45);
  --blur-glass: 18px;
  --shadow-whisper: 0 1px 2px oklch(25% 0.08 265 / 0.06), 0 8px 24px oklch(25% 0.08 265 / 0.06);

  --font-display: "Poppins", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 1.1rem + 1.2vw, 2rem);
  --text-display-s: clamp(2rem, 1.3rem + 2.6vw, 3.25rem);
  --text-display: clamp(2.5rem, 1.4rem + 4.4vw, 4.75rem);

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;
  --rule-thin: 1px;
  --rule-thick: 3px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  --z-raised: 10;
  --z-sticky: 200;

  --page-max: 74rem;
}