/* Avalon Brand Guidelines — colours & type only from customer brand book.
   Primary: Onyx #434244 · Anti-Flash White #EBEBEC · Cinereous #806D62
   Secondary: Tea Green, Baby Blue, Burnt Sienna, Amethyst, Pear, Light Coral, Reseda Green, Brunswick Green
   Type: Yati Sans for all languages — Title 64pt · Subtitle 51pt · Body 28pt · Annotation 20pt
*/
:root {
  color-scheme: light;

  /* —— Primary —— */
  --av-onyx: #434244;
  --av-anti-flash: #ebebec;
  --av-cinereous: #806d62;

  /* —— Secondary —— */
  --av-tea-green: #d9eaac;
  --av-baby-blue: #8aceed;
  --av-burnt-sienna: #d8784e;
  --av-amethyst: #a66bc1;
  --av-pear: #bedb45;
  --av-light-coral: #e28f8f;
  --av-reseda: #818d75;
  --av-brunswick: #33473a;

  /* —— Role tokens (60 / 30 / 10) —— */
  --av-ink: var(--av-onyx);
  --av-ink-soft: var(--av-onyx);
  --av-ink-faint: var(--av-cinereous);
  --av-paper: var(--av-anti-flash);
  --av-paper-deep: var(--av-anti-flash);
  --av-white: var(--av-anti-flash);
  --av-forest: var(--av-onyx);
  --av-forest-deep: var(--av-brunswick);
  --av-sage: var(--av-reseda);
  --av-sage-pale: var(--av-tea-green);
  --av-brass: var(--av-cinereous);
  --av-brass-light: var(--av-cinereous);
  --av-line: color-mix(in srgb, var(--av-onyx) 16%, transparent);
  --av-line-light: color-mix(in srgb, var(--av-anti-flash) 26%, transparent);
  --av-shadow-sm: 0 10px 28px color-mix(in srgb, var(--av-onyx) 10%, transparent);
  --av-shadow-md: 0 22px 70px color-mix(in srgb, var(--av-onyx) 14%, transparent);
  --av-shadow-lg: 0 30px 100px color-mix(in srgb, var(--av-brunswick) 22%, transparent);

  /* —— Type families —— Yati Sans for every locale —— */
  --font-yati: "Yati Sans", "Yati Sans Variation", "Avalon Myanmar", sans-serif;
  --font-myanmar: var(--font-yati);
  --font-en-title: var(--font-yati);
  --font-en-subtitle: var(--font-yati);
  --font-en-body: var(--font-yati);

  --font-title: var(--font-yati);
  --font-subtitle: var(--font-yati);
  --font-body: var(--font-yati);
  --font-display: var(--font-yati);
  --font-weight-title: 500;
  --font-weight-subtitle: 400;
  --font-weight-body: 400;
  --font-weight-emphasis: 500;

  /* —— Type hierarchy (Brand 8.3.1 EN — responsive clamps toward print pt) —— */
  --type-title: clamp(1.85rem, 1.05rem + 2.6vw, 3rem);           /* → 48pt */
  --type-subtitle: clamp(1.4rem, .92rem + 1.6vw, 2.25rem);       /* → 36pt */
  /* Body matches home Management Team scale (no per-block clamp) */
  --type-body: clamp(1rem, .96rem + .25vw, 1.12rem);             /* → ~18pt */
  --type-body-leading: 1.68;
  --type-subtitle-leading: 1.12; /* Management Team h2 */
  --home-copy-title-gap: .5rem;  /* Management Team title → body */
  --type-annotation: clamp(.75rem, .7rem + .22vw, 1.0625rem);    /* → 17pt */

  /* Type ink (single source with size + weight) */
  --type-color-title: var(--av-onyx);
  --type-color-subtitle: var(--av-onyx);
  --type-color-body: var(--av-onyx);
  --type-color-annotation: var(--av-cinereous);

  /* Step scale mapped to brand hierarchy */
  --step--1: var(--type-annotation);
  --step-0: var(--type-body);
  --step-1: clamp(1.15rem, 1rem + .7vw, 1.9rem);
  --step-2: clamp(1.4rem, 1.05rem + 1.2vw, 2.35rem);
  --step-3: var(--type-subtitle);
  --step-4: var(--type-title);
  --step-5: clamp(2.75rem, 1.4rem + 4.5vw, 4.5rem);

  --cv-cream: var(--av-anti-flash);
  --cv-ink: var(--av-onyx);
  --cv-muted: var(--av-cinereous);
  --cv-gold: var(--av-cinereous);
  --cv-line: color-mix(in srgb, var(--av-onyx) 12%, transparent);

  --hb-max: 1180px;
  --hb-side: clamp(1.5rem, 5.5vw, 4rem);
  --hb-width: min(var(--hb-max), calc(100% - (var(--hb-side) * 2)));

  --radius-pill: 999px;
  --dur-fast: .22s;
  --dur: .35s;

  --space-1: .375rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6.5rem;
  --space-9: 9rem;

  --container: 82rem;
  --container-narrow: 72rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --header-h: 5.5rem;
  --radius-sm: .25rem;
  --radius-md: .75rem;
  --radius-lg: 1.5rem;
  --ease-out: cubic-bezier(.2, .75, .25, 1);
  --ease-premium: cubic-bezier(.22, 1, .36, 1);
  --duration-fast: 180ms;
  --duration-ui: 260ms;
  --duration-reveal: 720ms;
  --duration-image: 1000ms;
  --duration-carousel: 850ms;
  --duration: 420ms;

  --ink: var(--av-ink);
  --ink-soft: var(--av-ink-soft);
  --paper: var(--av-paper);
  --mist: var(--av-paper-deep);
  --sage: var(--av-sage);
  --deep: var(--av-forest-deep);
  --gold: var(--av-brass);
  --gold-soft: var(--av-brass-light);
}

/* All locales — Yati Sans (kept for backwards-compatible selectors) */
html[lang],
body[class*="locale-"],
html.avalon-font-yati,
html.avalon-font-myanmar {
  --font-title: var(--font-yati);
  --font-subtitle: var(--font-yati);
  --font-body: var(--font-yati);
  --font-display: var(--font-yati);
}

@media (max-width: 720px) {
  :root {
    --header-h: 4.35rem;
    --space-8: 4.5rem;
    --space-9: 6rem;
  }
}