/* ============================================================
   PARK LANE ORTHODONTICS — Brand tokens + self-hosted fonts
   Adapted from the design system's colors_and_type.css.
   ============================================================ */

/* ---- Inter (body / UI) ---- */
@font-face { font-family:'Inter'; src:url('fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:'Inter'; src:url('fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype-variations'); font-weight:100 900; font-style:italic; font-display:swap; }

/* ---- Bodoni Ferrara Display (headings) ---- */
@font-face { font-family:'Bodoni Ferrara'; src:url('fonts/BodoniFerraraDisplay_Regular.otf') format('opentype');  font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Bodoni Ferrara'; src:url('fonts/BodoniFerraraDisplay_Medium.otf') format('opentype');   font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Bodoni Ferrara'; src:url('fonts/BodoniFerraraDisplay_Semibold.otf') format('opentype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Bodoni Ferrara'; src:url('fonts/BodoniFerraraDisplay_Bold.otf') format('opentype');     font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Bodoni Ferrara'; src:url('fonts/BodoniFerraraDisplay_Heavy.otf') format('opentype');    font-weight:900; font-style:normal; font-display:swap; }

/* ---- Bodoni Ferrara Banner (extra-large hero optical) ---- */
@font-face { font-family:'Bodoni Ferrara Banner'; src:url('fonts/BodoniFerraraBanner_Semibold.otf') format('opentype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Bodoni Ferrara Banner'; src:url('fonts/BodoniFerraraBanner_Bold.otf') format('opentype');     font-weight:700; font-style:normal; font-display:swap; }

/* ---- Bodoni Ferrara Origin (serif at text sizes) ---- */
@font-face { font-family:'Bodoni Ferrara Origin'; src:url('fonts/BodoniFerraraOrigin_Regular.otf') format('opentype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Bodoni Ferrara Origin'; src:url('fonts/BodoniFerraraOrigin_Medium.otf') format('opentype');  font-weight:500; font-style:normal; font-display:swap; }

:root {
  /* ---------- BRAND CORE ---------- */
  --navy:        #16243F;
  --navy-900:    #0F1A2E;
  --navy-700:    #1C2D4D;
  --navy-600:    #2C3E5E;
  --navy-400:    #5A6B86;

  --gold:        #9C7A4E;
  --gold-600:    #8A6B42;
  --gold-400:    #B89A6B;
  --gold-200:    #D8C7A8;

  /* ---------- NEUTRALS (warm) ---------- */
  --cream:       #EAE2D4;
  --cream-light: #F5F1E9;
  --cream-dark:  #DED4C2;
  --paper:       #FFFFFF;

  --ink:         #1E2433;
  --ink-muted:   #5C6577;
  --ink-faint:   #97A0AE;
  --line:        #D8CFBF;
  --line-cool:   #E3E7ED;

  --on-dark:        #F5F1E9;
  --on-dark-muted:  #B9C0CE;

  /* ---------- SEMANTIC ---------- */
  --success: #3F7D58;
  --warning: #C08A2E;
  --error:   #B0413B;

  /* ---------- TYPE FAMILIES ---------- */
  --font-display: 'Bodoni Ferrara', 'Didot', 'Georgia', serif;
  --font-banner:  'Bodoni Ferrara Banner', 'Bodoni Ferrara', 'Didot', serif;
  --font-serif:   'Bodoni Ferrara Origin', 'Bodoni Ferrara', 'Georgia', serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* ---------- RADII ---------- */
  --r-pill:  999px;
  --r-xl:    26px;    /* showcase cards / hero panels */
  --r-card:  14px;
  --r-sm:    8px;

  /* ---------- SHADOWS ---------- */
  --shadow-sm: 0 1px 2px rgba(22, 36, 63, 0.06), 0 1px 3px rgba(22, 36, 63, 0.08);
  --shadow-md: 0 6px 18px rgba(22, 36, 63, 0.08), 0 2px 6px rgba(22, 36, 63, 0.06);
  --shadow-lg: 0 18px 48px rgba(22, 36, 63, 0.14), 0 6px 16px rgba(22, 36, 63, 0.08);

  /* ---------- SPACING ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;

  /* ---------- MOTION ---------- */
  --ease: cubic-bezier(0.4, 0.0, 0.2, 1);
  --dur:  0.28s;

  /* ---------- TWEAKABLE (set by JS) ---------- */
  --accent: var(--gold);
}