/**
 * Design tokens
 * Avada palette values remain editable; semantic tokens consume them when set.
 */
:root {
  --cy-ink: #17141a;
  --cy-ink-soft: #39323d;
  --cy-paper: #f5f0e7;
  --cy-paper-raised: #fffdf8;
  --cy-stone: #ddd2c1;
  --cy-stone-dark: #9d907e;
  --cy-gold: #d8ad55;
  --cy-gold-light: #f3d58d;
  --cy-gold-dark: #8b6426;
  --cy-night: #0e0c10;
  --cy-night-soft: #1b171e;

  --cy-accent: var(--awb-color4, #d69201);
  --cy-accent-bright: var(--awb-color3, #e9a825);
  --cy-accent-deep: #785510;
  --cy-accent-rgb: 214 146 1;
  --cy-faction-symbol: "✦";

  --cy-font-display: "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;
  --cy-font-body: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --cy-text-xs: clamp(.72rem, .69rem + .12vw, .79rem);
  --cy-text-sm: clamp(.84rem, .80rem + .16vw, .94rem);
  --cy-text-base: clamp(.98rem, .93rem + .2vw, 1.08rem);
  --cy-text-lg: clamp(1.12rem, 1rem + .42vw, 1.35rem);
  --cy-text-xl: clamp(1.45rem, 1.16rem + .94vw, 2rem);
  --cy-text-2xl: clamp(2rem, 1.45rem + 1.8vw, 3.15rem);
  --cy-text-hero: clamp(2.65rem, 1.55rem + 4.3vw, 6.1rem);

  --cy-space-1: .35rem;
  --cy-space-2: .65rem;
  --cy-space-3: 1rem;
  --cy-space-4: 1.5rem;
  --cy-space-5: 2.25rem;
  --cy-space-6: 3.25rem;
  --cy-space-7: 4.75rem;
  --cy-space-8: clamp(5rem, 8vw, 8.5rem);

  --cy-radius-sm: .45rem;
  --cy-radius-md: .8rem;
  --cy-radius-lg: 1.25rem;
  --cy-radius-xl: 1.8rem;
  --cy-radius-pill: 999px;

  --cy-shadow-xs: 0 2px 8px rgb(17 12 20 / 8%);
  --cy-shadow-sm: 0 8px 24px rgb(17 12 20 / 10%);
  --cy-shadow-md: 0 18px 50px rgb(17 12 20 / 15%);
  --cy-shadow-lg: 0 35px 90px rgb(5 3 7 / 24%);
  --cy-shadow-glow: 0 18px 55px rgb(var(--cy-accent-rgb) / 23%);

  --cy-ease-out: cubic-bezier(.16, 1, .3, 1);
  --cy-ease-smooth: cubic-bezier(.65, 0, .35, 1);
  --cy-duration-fast: 180ms;
  --cy-duration-base: 420ms;
  --cy-duration-slow: 850ms;
  --cy-container: min(100% - 2rem, 75rem);
  --cy-header-offset: 5.75rem;
}

body.cy-faction-rome {
  --cy-accent: #a6192e;
  --cy-accent-bright: #d33a4f;
  --cy-accent-deep: #5a0d1a;
  --cy-accent-rgb: 166 25 46;
  --cy-faction-symbol: "SPQR";
}

body.cy-faction-carthage {
  --cy-accent: #692a83;
  --cy-accent-bright: #9a52b3;
  --cy-accent-deep: #35103f;
  --cy-accent-rgb: 105 42 131;
  --cy-faction-symbol: "TANIT";
}