/* PWC Brand System, Edition 2026.2 (September 2026). Design tokens.

   The seven colours of Edition 2026 are unchanged. What is new is the SYSTEM
   around them: roles, a tint scale, a secondary text colour that passes
   accessibility, functional colours, type scale, spacing, radius, shadow and
   motion. Every surface (site, portal, guides, email, documents) should read
   these names, never a hex written by hand. Source of truth: /brand/ */

:root {
  /* ---- the seven, Edition 2026 ---- */
  --pwc-amethyst: #563B79;   /* primary: name, headings, links, buttons */
  --pwc-plum:     #43285A;   /* deep ground, print and emboss, dark bands */
  --pwc-byzantium:#7E3A8C;   /* accent: one highlight per screen */
  --pwc-muted:    #9387A8;   /* LARGE labels only (14px bold+), rules, icons: fails 4.5:1 as small text */
  --pwc-orchid:   #E7DDF0;   /* tints, rules, soft backgrounds */
  --pwc-ivory:    #F6F1E9;   /* paper */
  --pwc-charcoal: #2A2530;   /* ink */

  /* ---- added in 2026.2 ---- */
  --pwc-slate:    #6E657E;   /* secondary text at any size: 4.9:1 on ivory, 5.5:1 on white */
  --pwc-white:    #FFFFFF;   /* cards on ivory */
  --pwc-line:     #E4DAF0;   /* hairlines and borders */

  /* amethyst scale, tints toward white, shades toward charcoal */
  --pwc-amethyst-50:  #F5F3F7;
  --pwc-amethyst-100: #EBE7EF;
  --pwc-amethyst-200: #D6D0DF;
  --pwc-amethyst-300: #B8ADC7;
  --pwc-amethyst-400: #9382A9;
  --pwc-amethyst-500: #563B79;
  --pwc-amethyst-600: #4F376D;
  --pwc-amethyst-700: #483462;
  --pwc-amethyst-800: #403054;
  --pwc-amethyst-900: #382C47;

  /* functional: low chroma so they sit with the palette, all 4.5:1+ on their tints */
  --pwc-success:      #2E6B3E;  --pwc-success-tint: #EAF4EC;
  --pwc-warning:      #8A6606;  --pwc-warning-tint: #FFF3D6;
  --pwc-danger:       #B02A43;  --pwc-danger-tint:  #FCEBEE;

  /* ---- roles ---- */
  --ink:      var(--pwc-charcoal);
  --ink-2:    var(--pwc-slate);
  --paper:    var(--pwc-ivory);
  --surface:  var(--pwc-white);
  --primary:  var(--pwc-amethyst);
  --accent:   var(--pwc-byzantium);
  --line:     var(--pwc-line);
  --dark:     var(--pwc-plum);
  --on-dark:  var(--pwc-ivory);

  /* ---- type ---- */
  --font-display: 'Cinzel', 'Copperplate', 'Palatino Linotype', Georgia, serif;
  --font-text:    'Jost', 'Optima', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-display: clamp(40px, 5vw, 64px);   /* one per page: hero title */
  --fs-h1: clamp(30px, 3.4vw, 42px);
  --fs-h2: 26px;
  --fs-h3: 19px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-label: 12px;       /* eyebrows: uppercase, tracked, bold */
  --lh-display: 1.08;
  --lh-heading: 1.2;
  --lh-body: 1.6;
  --track-display: 0.08em;   /* Cinzel only */
  --track-label: 0.16em;

  /* ---- space, on an 8px grid ---- */
  --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;
  --measure: 66ch;            /* max line length for body copy */
  --container: 1180px;
  --gutter: clamp(16px, 4vw, 48px);

  /* ---- shape and depth ---- */
  --r-sm: 8px;  --r-md: 14px; --r-lg: 20px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(42,37,48,.06), 0 4px 12px -6px rgba(42,37,48,.10);
  --shadow-2: 0 12px 32px -14px rgba(42,37,48,.22);

  /* ---- motion ---- */
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 150ms; --dur-base: 220ms; --dur-slow: 420ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}