/* ============================================
   THEME: garmin-osm Dark
   Deep navy surfaces, OSM-green accent fading to cyan.
   Variable names identical to the sibling sites.
   ============================================ */
.theme-garmin-osm {
  /* Core palette */
  --color-bg: #070b14;
  --color-bg-alt: #0c1322;
  --color-bg-card: #101a2e;
  --color-text: #e9eef7;
  --color-text-secondary: #9aa8c0;
  --color-text-muted: #6d7c96;

  /* Accent colors — OSM green */
  --color-accent: #7ebc6f;
  --color-accent-hover: #6db35e;
  --color-accent-light: rgba(126, 188, 111, 0.12);
  --color-accent-gradient: linear-gradient(135deg, #7ebc6f, #22d3ee);
  --color-on-accent: #04130a;  /* dark text on the light green/cyan accent: contrast above 8:1 */

  /* Surface */
  --color-border: #1c2a45;
  --color-border-light: #162032;
  --color-shadow: rgba(0, 0, 0, 0.35);
  --color-shadow-hover: rgba(126, 188, 111, 0.18);

  /* Status colors */
  --color-success: #10b981;
  --color-success-light: rgba(16, 185, 129, 0.12);
  --color-warning: #f59e0b;
  --color-warning-light: rgba(245, 158, 11, 0.12);
  --color-error: #ef4444;
  --color-error-light: rgba(239, 68, 68, 0.12);

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Spacing & Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;

  /* Selection */
  --color-selection: rgba(126, 188, 111, 0.3);
}