/* =====================================================================
   Proxeno deck tokens — direct translation of the Conference.care
   corporate-deck design system into Proxeno brand.
   Source grammar: working-sessions/reference-deck/theme.brochure.css
   and corporate.html (Tyson Reynolds / Julian's team).
   Brand ruling (Kate, 08.09.2026): parchment, teal, bronze, ink.
   Restyle 13.09.2026: type and execution matched to proxeno.io
   (Fraunces display, Inter body, paper ground, single-family accents)
   after Kate flagged the Georgia/parchment version as off-look.
   ===================================================================== */
:root{
  /* ---- palette (Proxeno brand) ---- */
  --px-ink:#0B1620;
  --px-parchment:#F6F1E7;
  --px-paper:#FCFAF4;
  --px-white:#FFFFFF;
  --px-border:#E4DCCB;
  --px-teal:#1E6F6A;
  --px-teal-deep:#15514D;
  --px-teal-mid:#2A8580;
  --px-teal-bright:#4FA8A1;
  --px-bronze-text:#75592F;
  --px-teal-pale:#D9E4E0;
  --px-teal-paler:#EFF4F1;
  --px-bronze:#B08D57;
  --px-bronze-deep:#96733F;
  --px-bronze-pale:#EFE6D6;
  --px-bronze-light:#E2C48C;
  --px-ink-soft:#4A5560;
  --px-ink-faint:#9FB0BD;
  --px-danger:#8F2F22;

  /* dark-slide surfaces */
  --px-dark:#0B1620;
  --px-dark-surface:#132231;
  --px-dark-edge:#22374B;

  /* ---- the letterbox frame (their slide floats on a dark surround) ----
     Theirs: radial navy gradient + deep slide shadow. Ours: ink-toned. */
  --px-letterbox: radial-gradient(1100px 700px at 50% 42%, #22424E, #0A141C);
  --px-slide-shadow: 0 24px 70px rgba(0,0,0,.45);

  /* ---- type ladder (their fixed steps, tuned for Georgia/Calibri) ---- */
  --step--3: 11px;
  --step--2: 13.2px;
  --step--1: 15.8px;
  --step-0:  19px;
  --step-1:  22.8px;
  --step-2:  27.4px;
  --step-3:  32.9px;
  --step-4:  42px;   /* h2 display */
  --step-5:  76px;   /* h1 title */

  --font-serif: 'Fraunces','Iowan Old Style',Georgia,serif;
  --font-sans: 'Inter',-apple-system,'Segoe UI',sans-serif;

  /* ---- space ladder (their Utopia-style fixed scale) ---- */
  --space-3xs: 5px;
  --space-2xs: 10px;
  --space-xs:  14px;
  --space-s:   19px;
  --space-m:   29px;
  --space-l:   38px;
  --space-xl:  57px;

  /* ---- frame ---- */
  --slide-pad-x: 70px;
  --slide-pad-top: 56px;
  --footer-h: 58px;
  --slide-pad-bottom: calc(var(--footer-h) + 28px);
  --slide-radius: 0px;

  /* ---- depth ladder (their layered shadows, ink-tinted) ---- */
  --sh-sm: 0 1px 2px rgba(11,22,32,.05), 0 2px 8px rgba(11,22,32,.05);
  --sh-md: 0 2px 6px rgba(11,22,32,.06), 0 12px 30px rgba(11,22,32,.09);
  --sh-lg: 0 6px 16px rgba(11,22,32,.08), 0 26px 60px rgba(11,22,32,.14);
  --sh-dark: 0 1px 2px rgba(0,0,0,.2), 0 12px 30px rgba(0,0,0,.3);

  /* ---- gradients ---- */
  --grad-rule: linear-gradient(90deg, var(--px-teal-deep), var(--px-teal-bright));
  --grad-teal: linear-gradient(135deg, var(--px-teal-deep), var(--px-teal));
  --grad-teal-deep: linear-gradient(135deg, var(--px-teal-deep), var(--px-teal-mid));
  --grad-bronze: linear-gradient(135deg, var(--px-bronze-deep), var(--px-bronze));
  --grad-callout: linear-gradient(120deg, var(--px-bronze-pale), rgba(239,230,214,.4));
  --grad-callout-dark: linear-gradient(120deg, #132231, rgba(19,34,49,.35));
  --grad-chip: linear-gradient(160deg, #EFF5F1, #DFEAE4);
  --grad-chip-dark: linear-gradient(160deg, #1A2C3E, #132231);
  --grad-stat: linear-gradient(135deg, var(--px-ink), var(--px-teal-deep));
  --grad-tick: linear-gradient(160deg, var(--px-teal-mid), var(--px-teal));

  /* ---- slide atmosphere (their blob washes, one hue, quiet) ---- */
  --atmosphere-light:
    radial-gradient(900px 900px at 97% -10%, rgba(30,111,106,.10), transparent 55%),
    radial-gradient(620px 620px at 88% 6%, rgba(79,168,161,.07), transparent 52%),
    radial-gradient(1100px 850px at -12% 112%, rgba(246,241,231,.60), transparent 55%);

  /* ---- motion ---- */
  --ease: cubic-bezier(.22,.61,.36,1);

  /* ---- component sizes ---- */
  --chip-size: 52px;
  --chip-radius: 13px;
  --card-radius: 18px;
  --rule-w: 64px;
  --rule-h: 5px;
}