/* Design tokens for Gazette theme - centralized variables */
:root {
  /* Fonts */
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-nav: "Open Sans", Arial, sans-serif;

  /* Colors */
  --color-bg: #ffffff;
  --color-text: #444444;
  --color-heading: #172624;
  --color-accent: #09947d; /* primary accent */
  --color-accent-2: #47b2e4; /* secondary accent */
  --color-muted: #6c757d;
  --color-surface: #ffffff;

  /* Status colors */
  --color-success: #059652;
  --color-danger: #df1529;
  --color-warning: #ffc107;

  /* Functional */
  --color-black: #000000;
  --color-white: #ffffff;

  /* Hero specific */
  --hero-bg-start: rgba(71,178,228,0.06);
  --hero-bg-end: rgba(42,157,90,0.04);

  /* Radii & spacing */
  --radius-sm: 6px;
  --radius-md: 12px;
  --space-base: 1rem;
}

/* Utility: readable focus outline */
:root { --focus-ring: 3px solid rgba(71,178,228,0.18); }