/* ============================================================
   BLUEMONT LABS — Design Tokens (Light Theme)
   ============================================================ */

:root {
  /* --- Background Colours --- */
  --clr-bg-primary:    #ffffff;
  --clr-bg-secondary:  #f7f6f3;
  --clr-bg-tertiary:   #f0ede8;
  --clr-bg-card:       #ffffff;
  --clr-bg-card-hover: #faf9f6;
  --clr-bg-surface:    #f4f2ee;

  /* --- Gold Palette --- */
  --clr-gold:          #b8943e;
  --clr-gold-light:    #c9a84c;
  --clr-gold-dark:     #8b6e2e;
  --clr-gold-subtle:   rgba(184, 148, 62, 0.10);
  --clr-gold-border:   rgba(184, 148, 62, 0.28);

  /* --- Navy Palette --- */
  --clr-navy:          #1a2340;
  --clr-navy-mid:      #2e3f60;
  --clr-navy-light:    #4a5878;

  /* --- Text --- */
  --clr-white:         #ffffff;
  --clr-text-primary:  #1a2340;
  --clr-text-secondary:#4a5568;
  --clr-text-muted:    #94a3b8;
  --clr-text-label:    #b8943e;

  /* --- Borders --- */
  --clr-border:        rgba(0, 0, 0, 0.08);
  --clr-border-strong: rgba(0, 0, 0, 0.13);

  /* --- Typography --- */
  --font-heading:  'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body:     'Inter', system-ui, sans-serif;
  --font-label:    'Space Grotesk', 'Inter', system-ui, sans-serif;

  /* --- Font Sizes (fluid scale) --- */
  --fs-xs:   0.75rem;    /* 12px */
  --fs-sm:   0.9375rem;  /* 15px */
  --fs-base: 1.0625rem;  /* 17px */
  --fs-md:   1.1875rem;  /* 19px */
  --fs-lg:   1.5rem;     /* 24px */
  --fs-xl:   1.875rem;   /* 30px */
  --fs-2xl:  2.375rem;   /* 38px */
  --fs-3xl:  3.125rem;   /* 50px */
  --fs-4xl:  4rem;       /* 64px */
  --fs-5xl:  4.75rem;    /* 76px */

  /* --- Spacing --- */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* --- Radius --- */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;

  /* --- Shadows (light theme — subtle) --- */
  --shadow-glow-gold: 0 0 32px rgba(184, 148, 62, 0.18);
  --shadow-card:      0 2px 16px rgba(26, 35, 64, 0.08);
  --shadow-card-hover:0 8px 32px rgba(26, 35, 64, 0.14);
  --shadow-hover:     0 12px 40px rgba(26, 35, 64, 0.12);

  /* --- Transitions --- */
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast:   150ms var(--ease-smooth);
  --transition-base:   300ms var(--ease-smooth);
  --transition-slow:   600ms var(--ease-smooth);

  /* --- Layout --- */
  --max-width:      1200px;
  --nav-height:     80px;
  --section-py:     var(--sp-24);
}