/* GradG brand tokens — single source of truth for colors, type and shape.
   Fonts (both support Cyrillic for Bulgarian):
   https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap */

:root {
  /* Core palette (sampled from the primary logo) */
  --gradg-green-900: #033023; /* Sofia Green — primary, text on light, emblem ring */
  --gradg-green-700: #0a5a3c; /* Tower Green — secondary surfaces, buttons hover */
  --gradg-sage-500: #53674c;  /* Sage — trees, muted UI, secondary text */
  --gradg-red-500: #e2462a;   /* Tile Red — Revival roofs, primary accent, CTAs */
  --gradg-gold-400: #e8a93e;  /* Dome Gold — highlights, counters, milestones */
  --gradg-cream-50: #fdfbf3;  /* Cream — main light background */
  --gradg-sand-100: #f4f1e5;  /* Sand — cards, secondary light background */

  /* Bulgarian flag — accent stripes only, never as large fills */
  --gradg-flag-white: #ffffff;
  --gradg-flag-green: #00966e;
  --gradg-flag-red: #d62612;

  /* Semantic roles */
  --gradg-bg: var(--gradg-cream-50);
  --gradg-surface: var(--gradg-sand-100);
  --gradg-text: var(--gradg-green-900);
  --gradg-text-muted: var(--gradg-sage-500);
  --gradg-accent: var(--gradg-red-500);
  --gradg-highlight: var(--gradg-gold-400);
  --gradg-on-dark: var(--gradg-cream-50);

  /* Citizen @handle tag (in-city labels and video overlays) */
  --gradg-tag-bg: rgba(3, 48, 35, 0.78);
  --gradg-tag-text: var(--gradg-cream-50);

  /* Typography */
  --gradg-font-display: "Montserrat", system-ui, sans-serif; /* 800–900, headings, counters */
  --gradg-font-body: "Inter", system-ui, sans-serif;        /* 400–600, UI and captions */

  /* Shape */
  --gradg-radius-sm: 8px;
  --gradg-radius-md: 16px;
  --gradg-radius-lg: 28px;   /* matches the app-icon / card corners */
  --gradg-radius-pill: 999px; /* citizen tags, buttons */
}