/* =========================================================
   Brand tokens — Momentum design system (single source of truth)
   The canonical palette, type, radius, spacing and elevation
   for every surface. brand.css is the ONLY file that may define
   a brand token (ADR-0001). Load this BEFORE site.css.
   Vocabulary follows coral_design/DESIGN.md (Material-3 style).
   See docs/adr/0002-adopt-momentum-design-system.md.
   ========================================================= */

:root{
  /* ---- colour · Primary (Sea Buckthorn) ----
     Reserved for CTAs, key highlights and active states. */
  --primary:#fbb758;
  --primary-strong:#FD8973;
  --on-primary:#13181B;
  --primary-container:#F0EEEB;
  --on-primary-container:#13181B;

  /* ---- colour · Secondary (Ateneo Blue) ----
     Success / result states and specialised service tags. */
  --secondary:#003A6C;
  --on-secondary:#F0EEEB;
  --secondary-container:#CCD5DA;
  --on-secondary-container:#13181B;

  /* ---- colour · Tertiary (Miami Coral) ----
     Warm accent colour for supporting highlights. */
  --tertiary:#FD8973;
  --tertiary-strong:#13181B;
  --on-tertiary:#F0EEEB;
  --tertiary-container:#FFBF65;
  --on-tertiary-container:#13181B;

  /* ---- colour · Surfaces ---- */
  --surface:#F0EEEB;
  --surface-muted:#f4f6f8;
  --surface-container:#FFFFFF;
  --on-surface:#13181B;
  --on-surface-variant:#003A6C;

  /* ---- colour · Lines & hero gradient ---- */
  --outline:#CCD5DA;
  --border-subtle:#d7dbde;
  --gradient-start:#F0EEEB;
  --gradient-end:#CCD5DA;

  /* ---- colour · Buttons ----
     Dedicated layer so button styling can change without touching the palette. */
  /* filled CTA (.btn) */
  --btn-bg:var(--tertiary-strong);
  --btn-on:var(--on-tertiary);
  --btn-border:var(--tertiary-strong);
  --btn-bg-hover:var(--primary-strong);
  --btn-border-hover:var(--primary-strong);
  /* ghost / secondary (.btn-ghost) */
  --btn-ghost-bg:var(--surface-container);
  --btn-ghost-on:var(--on-surface-variant);
  --btn-ghost-border:var(--border-subtle);
  --btn-ghost-on-hover:var(--on-surface);
  --btn-ghost-border-hover:var(--outline);

  /* ---- typography ---- */
  --sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* type scale (DESIGN.md) */
  --text-display:56px;
  --text-display-mobile:36px;
  --text-headline-lg:40px;
  --text-headline-md:32px;
  --text-headline-sm:24px;
  --text-body-lg:18px;
  --text-body-md:16px;
  --text-label:12px;

  /* ---- radius scale ---- */
  --radius-sm:.25rem;
  --radius:.5rem;
  --radius-md:.75rem;
  --radius-lg:1rem;
  --radius-xl:1.5rem;
  --radius-full:9999px;

  /* ---- spacing scale ---- */
  --container-max:1240px;
  --gutter:24px;
  --margin-mobile:16px;
  --section-gap-lg:120px;
  --section-gap-md:80px;
  --stack-sm:8px;
  --stack-md:16px;
  --stack-lg:24px;
  --stack-xl:32px;

  /* ---- elevation (extra-diffused ambient shadows) ---- */
  --shadow-card:0 20px 25px -5px rgba(19,24,27,.08),0 8px 10px -6px rgba(19,24,27,.06);
  --shadow-hover:0 28px 42px -8px rgba(19,24,27,.18);
}