/* Csilla E. Smith, Elegant Luxury variant (Jack, 2026-08-28).
 *
 * Palette remapped to the 21st.dev "Elegant Luxury" theme by @serafimcloud:
 * deep burgundy (#2a4fb8 primary, #003399 ink) carries the bulk of the
 * text, burnished amber is the accent (#d59f25 family), on the theme's warm
 * cream ground (#f7f4ed). Token roles and every derived rgba kept 1:1 with
 * the chassis, so only the palette changed.
 *
 * Type is Source Serif 4 over Figtree. Source Serif is drawn with open
 * apertures and generous sidebearings, and the headings here carry zero
 * negative tracking plus a touch of extra word-spacing, because the last
 * heading face was setting words too tight to read comfortably.
 */

:root {
  /* ---- ground ---- */
  --paper: #f7f4ed;
  --paper-2: #efeade;
  --paper-3: #e4dccb;
  --white: #fffdf8;

  /* ---- dark blue, the bulk of the text ---- */
  --navy: #003399;
  --navy-deep: #001f5c;
  --navy-2: #2a4fb8;
  --navy-muted: #5f74ad;

  /* ---- gold, the accent ----
     --gold is the brand value and is used at large sizes and on navy.
     --gold-ink is darkened for small labels on paper, where the brand value
     would fall under AA. */
  --gold: #d59f25;
  --gold-ink: #8f6a12;
  --gold-lit: #f3cd43;
  --gold-soft: rgba(213, 159, 37, 0.16);

  --rule: rgba(0, 51, 153, 0.18);
  --rule-soft: rgba(0, 51, 153, 0.09);
  --rule-lit: rgba(247, 244, 237, 0.24);
  --rule-lit-2: rgba(247, 244, 237, 0.12);

  /* ---- type ---- */
  --display: "Source Serif 4", "Iowan Old Style", Cambria, Georgia, serif;
  --body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --text-display: clamp(2.5rem, 1.2rem + 4vw, 4.6rem);
  --text-display-s: clamp(1.95rem, 1.1rem + 2.6vw, 3.15rem);
  --text-4xl: clamp(1.65rem, 1.25rem + 1.4vw, 2.25rem);
  --text-3xl: clamp(1.35rem, 1.18rem + 0.6vw, 1.68rem);
  --text-2xl: clamp(1.14rem, 1.06rem + 0.3vw, 1.3rem);
  --text-lg: clamp(1.05rem, 1rem + 0.25vw, 1.2rem);
  --text-base: 1rem;
  --text-sm: 0.9rem;
  --text-xs: 0.78rem;
  --text-2xs: 0.68rem;

  /* ---- space ---- */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: clamp(5rem, 10vw, 9rem);

  --gutter: clamp(1.25rem, 5vw, 5rem);
  --shell: 78rem;

  /* ---- rule and radius ---- */
  --rule-hair: 1px;
  --radius-plate: 2px;
  --radius-core: 2px;
  --radius-pill: 999px;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-soft-out: cubic-bezier(0.22, 1, 0.36, 1);

  --dur-press: 140ms;
  --dur-hover: 200ms;
  --dur-ui: 260ms;
  --dur-panel: 380ms;
  --dur-reveal: 760ms;
  --dur-mask: 820ms;

  --stagger-line: 80ms;
  --stagger-item: 100ms;
}