/* ============================================================
   Pack — luxury / tokens.css

   Aventura-derived premium-cosmetic skin: navy + cream foundation,
   gold accent, Instrument Serif display with italic+roman mix,
   Outfit body, fluid clamp() type scale.

   Values mapped to the signature token-role contract.
   Per-client overlays (decorative accent, optional ink tweaks)
   are written unlayered by the build script and override these.
   ============================================================ */

@layer pack {
  :root {
    /* ---- Color roles ---------------------------------------- */
    --accent:           #B38C61;   /* signature gold */
    --accent-ink:       #FFFFFF;
    --ink:              #14151D;   /* navy — text on cream surface */
    --ink-dim:          #6F6968;   /* muted brown — secondary text */
    --surface:          #FFFFFF;
    --bg:               #EAE8E8;   /* cream — primary light surface */
    --bg-warm:          #D6D1D0;   /* warm beige — secondary panel */
    --border:           #C9C5C2;
    --divider:          #B5AFAE;
    --overlay-20:       rgba(20, 21, 29, 0.2);
    --overlay-50:       rgba(20, 21, 29, 0.5);

    --on-dark:          #EAE8E8;   /* cream on navy */
    --on-dark-dim:      rgba(234, 232, 232, 0.55);
    --divider-on-dark:  rgba(234, 232, 232, 0.2);

    --portrait-tint:    transparent;

    /* ---- Type families -------------------------------------- */
    --font-display: "Instrument Serif", "Times New Roman", serif;
    --font-body:    "Outfit", "Helvetica Neue", Arial, sans-serif;

    /* ---- Type scale — fluid clamp() ------------------------- */
    /* The luxury display scale runs larger than the
       classic scale; clamp() lets it breathe across viewports
       without setting per-breakpoint overrides everywhere. */
    --text-display-1: clamp(80px, 19vw, 276px);   /* hero h1 — Aventura h1 */
    --text-h2:        clamp(56px, 10.6vw, 153px); /* section titles — Aventura h2 */
    --text-h2-lg:     clamp(40px, 5.8vw, 83px);   /* contact heading — Aventura h3 */
    --text-statement: clamp(40px, 5.8vw, 83px);   /* about manifesto */
    --text-h3:        clamp(22px, 2.4vw, 35px);   /* lede paragraphs / FAQ Q */
    --text-stat:      clamp(32px, 3.8vw, 55px);   /* stats numbers */
    --text-body-lg:   20px;
    --text-body:      15px;
    --text-small:     14px;
    --text-eyebrow:   12px;

    /* ---- Line-heights --------------------------------------- */
    --lh-hero:        0.92;
    --lh-tight:       1.05;
    --lh-snug:        1.10;
    --lh-stat:        1.10;
    --lh-body-tight:  1.30;
    --lh-body:        1.55;
    --lh-body-lg:     1.50;

    /* ---- Tracking ------------------------------------------- */
    --tr-display-1:  -0.02em;
    --tr-statement:  -0.015em;
    --tr-h2:         -0.02em;
    --tr-h2-lg:      -0.015em;
    --tr-stat:       -0.015em;
    --tr-body-tight: -0.005em;
    --tr-body:        0;
    --tr-body-lg:     0;
    --tr-subtitle:    0;
    --tracking-tight: -0.02em;
    --tracking-snug:  -0.01em;
    --tracking-wide:   0.18em;

    /* ---- Spacing scale (8px base, kept consistent across packs) */
    --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;

    /* ---- Radius — Aventura is more rounded than classic */
    --r-sm:   8px;
    --r-base: 12px;
    --r-md:   16px;
    --r-card: 24px;
    --r-lg:   30px;
    --r-pill: 64px;

    /* ---- Layout --------------------------------------------- */
    --page-max:    1440px;
    --page-gutter: clamp(20px, 4vw, 32px);

    /* ---- Motion --------------------------------------------- */
    --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast:   180ms;
    --dur-medium: 350ms;
    --dur-slow:   600ms;

    /* Body line-height — define the previously-undefined token so
       the luxury pack gets a deliberate value rather than
       browser default. */
    --leading-body: 1.55;
  }
}

/* Per-client overlay — confluence-dental (unlayered; overrides @layer pack tokens) */
body.client-confluence-dental {
  --accent: #2E4A57;
  --accent-ink: #F8F7F3;
  --ink: #2E4A57;
  --ink-dim: #5F8395;
  --bg: #F8F7F3;
  --bg-warm: #ECE3D0;
}