/* ==========================================================================
   GoCruizo.com — design tokens
   Light mode only. No dark-mode variants by design.
   ========================================================================== */

:root {
  /* --- Surfaces --- */
  --color-bg: #f7f3ec;
  --color-surface: #fdfbf6;
  --color-surface-offset: #f0e9db;

  /* --- Text --- */
  --color-text: #10222b;
  --color-text-muted: #52646e;
  --color-text-faint: #66757b;   /* AA-safe on cream surfaces (4.6:1) */

  /* --- Brand --- */
  --color-primary: #0b4a52;        /* deep ocean teal */
  --color-primary-hover: #08373d;
  --color-navy: #0d2b3d;           /* dark bands */
  --color-accent: #b6862c;         /* brass — CTAs */
  --color-accent-hover: #9c7124;
  --color-accent-dark: #d9a94a;    /* brass for use ON dark backgrounds */

  /* --- Derived / utility --- */
  --color-rule: #dfd6c4;
  --color-rule-strong: #cfc2aa;
  --color-rule-dark: rgba(255, 255, 255, 0.14);
  --color-on-dark: #f4efe5;
  --color-on-dark-muted: #b9c6cc;
  --color-disclaimer: #6b7a80;

  /* --- Type families --- */
  --font-display: "Cormorant", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-body: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* --- Fluid type scale --- */
  --step--1: 0.875rem;                                   /* 14px  */
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);     /* 16–18 */
  --step-1: clamp(1.0625rem, 1.01rem + 0.25vw, 1.25rem); /* 17–20 */
  --step-2: clamp(1.25rem, 1.16rem + 0.44vw, 1.5rem);    /* 20–24 */
  --step-3: clamp(1.5rem, 1.33rem + 0.85vw, 2rem);       /* 24–32 */
  --step-4: clamp(1.875rem, 1.55rem + 1.6vw, 2.75rem);   /* 30–44 */
  --step-5: clamp(2.25rem, 1.72rem + 2.65vw, 3.75rem);   /* 36–60 */

  /* --- Spacing --- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  /* --- Layout --- */
  --shell-max: 1200px;
  --prose-max: 640px;
  --gutter: clamp(1.125rem, 0.85rem + 1.4vw, 2.5rem);

  /* --- Radii, shadow, motion --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(16, 34, 43, 0.06), 0 2px 8px rgba(16, 34, 43, 0.05);
  --shadow-md: 0 2px 6px rgba(16, 34, 43, 0.07), 0 12px 28px rgba(16, 34, 43, 0.09);
  --ease: cubic-bezier(0.32, 0.72, 0.3, 1);

  /* --- Fixed chrome --- */
  --callbar-h: 76px;
  --tap: 44px;
}