/* ======================================================
   DESIGN TOKENS — HAVENROCK
   Colors, typography, radii, shadows, sizing
   (NO selectors in this file)
====================================================== */

:root {
  /* ===============================
     BRAND COLORS
  ================================ */

  --color-primary: #111111;        /* Core black */
  --color-accent: #B08D57;         /* Havenrock bronze */
  --color-authority: #1a2332;      /* Institutional navy */
  --color-secondary: #2D3748;      /* Charcoal gray */

  /* ===============================
     TEXT COLORS
  ================================ */

  --color-text-main: #1A1A1A;      /* Primary body text */
  --color-text-primary: #475569;   /* Editorial text */
  --color-text-muted: #7A7368;     /* Muted / secondary */
  --color-text-inverse: #FFFFFF;   /* On dark backgrounds */

  /* ===============================
     BACKGROUNDS
  ================================ */

  --color-bg: #FFFFFF;
  --color-bg-alt: #F9F5EF;         /* Linen */
  --color-bg: #fafaf9;             /* Background. Warm white */
  --color-bg-alt: #F5F5F5;

  /* ===============================
     BORDERS & DIVIDERS
  ================================ */

  --color-border: #D6D1C8;

  /* ===============================
     TYPOGRAPHY
  ================================ */

  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;

  /* ===============================
     TYPOGRAPHY FAMILIES
  ================================ */

  /* Display serif for H1 / H2 */
  --font-display: "Libre Baskerville", Georgia, "Times New Roman", serif;

  /* Clean sans-serif for body */
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* ===============================
     TYPE SIZES (RESPONSIVE)
  ================================ */

  /* Hero headline */
  --text-hero-min: 3.5rem;   /* 56px */
  --text-hero-max: 4.5rem;   /* 72px */

  /* Section titles */
  --text-h2-min: 2.5rem;     /* 40px */
  --text-h2-max: 3rem;       /* 48px */

  /* Body text */
  --text-body-min: 1.125rem; /* 18px */
  --text-body-max: 1.25rem;  /* 20px */

  /* ===============================
     RADIUS
  ================================ */

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-round: 999px;

  /* ===============================
     SHADOWS
  ================================ */

  --shadow-sm:
    0 1px 2px rgba(0,0,0,0.04);

  --shadow-md:
    0 8px 24px rgba(15,23,42,0.08),
    0 1px 2px rgba(15,23,42,0.04);

  --shadow-lg:
    0 20px 40px rgba(15,23,42,0.12);

  /* ===============================
     WIDTHS
  ================================ */

  --max-width: 1200px;
  --max-width-wide: 1320px;
  --max-width-narrow: 900px;
  --max-width-narrower: 750px;

  /* ===============================
     Z-INDEX SCALE
  ================================ */

  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;

  /* ===============================
     TRANSITIONS
  ================================ */

  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;
}