:root {
  /* ── Brand palette (OKLCH teal) ── */
  --brand-dark: oklch(0.36 0.10 195);
  --brand-mid: oklch(0.46 0.11 195);
  --brand-accent: oklch(0.46 0.11 195);
  --brand-light: oklch(0.62 0.12 195);

  /* ── Accent / Gold ── */
  --accent: oklch(0.78 0.13 85);
  --accent-light: oklch(0.84 0.12 85);
  --accent-dark: oklch(0.70 0.14 85);
  --accent-low-light: oklch(0.84 0.12 85 / 0.4);

  /* ── Semantic text ── */
  --text-primary: oklch(0.2 0.04 200);
  --text-mid: oklch(0.3 0.04 198);
  --text-muted: oklch(0.5 0.03 195);
  --text-on-brand: oklch(1 0 0);
  --text-on-brand-sub: oklch(1 0 0 / 0.8);
  --text-on-brand-dim: oklch(1 0 0 / 0.6);
  --text-on-accent: oklch(0.2 0.04 200);

  /* ── Surface / Background ── */
  --surface-primary: oklch(1 0 0);
  --surface-secondary: oklch(0.96 0.02 195);
  --surface-tint: oklch(0.92 0.02 195);
  --surface-tint-dim: oklch(0.92 0.02 195 / 0.45);
  --surface-cream: oklch(0.97 0.02 195);
  --surface-cream-dim: oklch(0.97 0.02 195 / 0.65);
  --surface-fadwhite: oklch(0.99 0.005 195);
  --surface-fadwhite-dim: oklch(0.99 0.005 195 / 0.12);

  /* ── Border ── */
  --border-default: oklch(0.92 0.02 195);
  --border-brand: oklch(0.85 0.05 195);
  --border-brand-mid: oklch(0.46 0.11 195 / 0.18);

  /* ── Gradients ── */
  --gradient-brand: linear-gradient(98.71deg, oklch(0.46 0.11 195) 0%, oklch(0.62 0.12 195) 100%);
  --gradient-brand-h: linear-gradient(107.72deg, oklch(0.46 0.11 195) 0%, oklch(0.62 0.12 195) 100%);
  --gradient-accent: linear-gradient(100.52deg, oklch(0.78 0.13 85) 0%, oklch(0.84 0.12 85) 100%);
  --gradient-hero: linear-gradient(180deg, oklch(0.97 0.02 195) 0%, oklch(1 0 0) 100%);
  --gradient-banner: linear-gradient(94.68deg, oklch(0.36 0.10 195) 0%, oklch(0.46 0.11 195) 100%);
  --gradient-cfp: linear-gradient(102.88deg, oklch(0.36 0.10 195) 0%, oklch(0.46 0.11 195) 100%);

  /* ── Glow overlays ── */
  --glow-accent: oklch(0.95 0.01 195 / 0.52);
  --glow-accent-mid: oklch(0.75 0.05 195 / 0.16);
  --glow-brand: oklch(0.36 0.10 195 / 0.28);

  /* ── Shadows ── */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-btn:
    0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08),
    0px 1px 1px rgba(0, 0, 0, 0.06);
  --shadow-card: 0px 10px 40px -12px oklch(0.36 0.10 195 / 0.24);

  /* ── Radius ── */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-3xl: 34px;
  --radius-4xl: 44px;

  /* ── Typography ── */
/*  --font-sans: "DM Sans", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --font-mono: "Roboto", monospace;*/
  --font-sans : system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display:system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* ── Component tokens ── */
  --header-bg: oklch(1 0 0);
  --footer-bg: oklch(0.36 0.10 195);
  --footer-text: oklch(1 0 0 / 0.8);
  --footer-heading: oklch(0.78 0.13 85);
  --announcement-bg: oklch(0.36 0.10 195);
  --announcement-text: oklch(0.97 0.02 195);

  /* ── Feature icons ── */
  --icon-bg: oklch(0.92 0.02 195);
  --icon-color: oklch(0.36 0.10 195);

  /* ── Badges ── */
  --badge-peer-bg: oklch(0.46 0.11 195 / 0.06);
  --badge-peer-color: oklch(0.36 0.10 195);
  --badge-peer-border: oklch(0.46 0.11 195 / 0.2);
  --badge-open-bg: oklch(0.70 0.14 85 / 0.08);
  --badge-open-color: oklch(0.55 0.13 85);
  --badge-bg: oklch(1 0 0 / 0.08);
  --badge-accent-bg: oklch(0.78 0.13 85 / 0.12);

  /* ── Links / interactive ── */
  --link-color: oklch(0.46 0.11 195);
  --link-hover: oklch(0.36 0.10 195);
  --nav-hover-bg: oklch(0.96 0.02 195);
  --nav-active-bg: oklch(0.92 0.02 195);

  /* ── Stats / counter bar (gold band) ── */
  --stats-bg: oklch(0.78 0.13 85);
  --stats-text: oklch(0.36 0.10 195);
  --stats-label: oklch(0.2 0.04 200 / 0.8);

  /* ── Current-issue header band ── */
  --issue-header-bg: oklch(0.36 0.10 195);
  --issue-header-text: oklch(1 0 0);

  /* ── DOI badge ── */
  --doi-bg: oklch(0.78 0.13 85);
  --doi-text: oklch(0.36 0.10 195);

  /* ── Paper card article number ── */
  --article-num-bg: oklch(0.46 0.11 195);
  --article-num-text: oklch(1 0 0);

  /* ── Inline citation highlight ── */
  --cite-bg: oklch(0.46 0.11 195 / 0.06);
  --cite-border: oklch(0.46 0.11 195);

  /* ── Sidebar journal panel ── */
  --sidebar-header-bg: oklch(0.46 0.11 195);
  --sidebar-header-text: oklch(1 0 0);
  --sidebar-item-hover-bg: oklch(0.96 0.02 195);

  /* ── Submit button (primary CTA) ── */
  --btn-primary-bg: oklch(0.78 0.13 85);
  --btn-primary-text: oklch(0.36 0.10 195);
  --btn-primary-hover: oklch(0.70 0.14 85);

  /* ── Secondary / outlined button ── */
  --btn-secondary-bg: transparent;
  --btn-secondary-border: oklch(0.46 0.11 195);
  --btn-secondary-text: oklch(0.46 0.11 195);
  --btn-secondary-hover: oklch(0.92 0.02 195);

  /* ── Nav submit button ── */
  --btn-nav-bg: oklch(0.46 0.11 195);
  --btn-nav-text: oklch(1 0 0);
  --btn-nav-hover: oklch(0.36 0.10 195);

  /* ── Open Access tag ── */
  --tag-open-bg: oklch(0.95 0.04 90);
  --tag-open-text: oklch(0.55 0.13 85);
  --tag-open-border: oklch(0.80 0.10 85);

  /* ── Peer Reviewed tag ── */
  --tag-peer-bg: oklch(0.96 0.02 195);
  --tag-peer-text: oklch(0.46 0.11 195);
  --tag-peer-border: oklch(0.85 0.05 195);

  /* ── Author location pin ── */
  --pin-color: oklch(0.78 0.13 85);

  /* ── Divider ── */
  --divider: oklch(0.92 0.02 195);

  /* ── Reference tokens (as provided) ── */
  --primary: oklch(0.46 0.11 195);
  --primary-soft: oklch(0.62 0.12 195);
  --ring: oklch(0.62 0.12 195);
  --secondary: oklch(0.96 0.02 195);
  --secondary-foreground: oklch(0.46 0.11 195);
  --gold: oklch(0.78 0.13 85);
  --cream: oklch(0.97 0.02 195);
  --card-foreground: oklch(0.2 0.04 200);
  --popover-foreground: oklch(0.2 0.04 200);
  --muted-foreground: oklch(0.5 0.03 195);
  --input: oklch(0.92 0.02 195);

  --contrast-red: #b50113;
  --h2-text: #a34d04;
  --h3-text: #de0670;
}