/* Hallmark · macrostructure: Marquee Hero · tone: nocturne-luxury · anchor hue: brass 75°
 * theme: custom (vibe: "liner poster at midnight, brass eclipse"
 *   paper oklch(26% 0.05 255) · accent oklch(66% 0.115 75) brass
 *   Georgia display + system-ui body)
 * axes: dark / classical-serif / warm · nav: none · footer: statement
 * enrichment: E5 hand-built SVG (eclipse scene) · studied: no
 * Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4
 */

:root {
  /* color — the Cruisery app's own palette, translated to OKLCH */
  --color-night:      oklch(26% 0.050 255);  /* hull navy — the paper */
  --color-night-deep: oklch(22% 0.045 255);  /* below-fold band */
  --color-brass:      oklch(66% 0.115  75);  /* the accent — sparingly */
  --color-brass-soft: oklch(85% 0.065  83);
  --color-cream:      oklch(95% 0.013  85);  /* ink on navy */
  --color-cream-dim:  oklch(80% 0.015  85);
  --color-teal:       oklch(52% 0.055 200);  /* success */
  --color-coral:      oklch(65% 0.140  35);  /* error */
  --color-focus:      var(--color-brass-soft);
  --color-field:              oklch(30% 0.050 255);
  --color-field-border:       oklch(40% 0.040 255);
  --color-field-border-hover: oklch(50% 0.040 255);
  --color-hairline:           oklch(35% 0.040 255);

  /* type */
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", sans-serif;
  --text-display: clamp(4rem, 13vw, 11rem);
  --text-xl: clamp(1.5rem, 3.2vw, 2.1rem);
  --text-md: 1.0625rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;

  /* space — 4pt scale */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 104px;

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-slow: 480ms;

  /* misc */
  --rule-thick: 3px solid var(--color-brass);
  --radius-field: 10px;
}