/* SkyRelay Design Tokens
   Canonical source of truth for colors, fonts, and variables.
   Used by: Django portal, telemetry dashboard, marketing site (via copy).
   Sync to site/css/tokens.css with: make sync-css */

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Backgrounds */
  --bg: #0a0e17;
  --panel: #111827;
  --card: #111827;              /* alias for marketing site */
  --border: #1e293b;
  --card-border: #1e293b;       /* alias for marketing site */

  /* Primary accent */
  --cyan: #00d4ff;
  --accent: #00d4ff;            /* alias for portal/telemetry */
  --cyan-dim: rgba(0, 212, 255, 0.15);
  --accent-dim: rgba(0, 212, 255, 0.15);
  --cyan-glow: 0 0 30px rgba(0, 212, 255, 0.3);

  /* Semantic colors */
  --green: #10b981;
  --green-dim: rgba(16, 185, 129, 0.15);
  --red: #ef4444;
  --red-dim: rgba(239, 68, 68, 0.15);
  --amber: #fbbf24;
  --amber-dim: rgba(251, 191, 36, 0.12);

  /* Text */
  --text: #e2e8f0;
  --text-dim: #94a3b8;
  --dim: #94a3b8;               /* alias for portal/telemetry */
  --text-bright: #f8fafc;
  --heading: #f1f5f9;

  /* Typography */
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;  /* alias for portal */
  --font-heading: 'Outfit', sans-serif;
  --font-mono: 'DM Mono', 'SF Mono', Consolas, monospace;
  --mono: 'DM Mono', 'SF Mono', Consolas, monospace;  /* alias for telemetry */

  /* Shapes */
  --radius: 6px;
  --radius-sm: 5px;
  --radius-lg: 12px;
  --radius-pill: 100px;

  /* Controls */
  --btn: #1e293b;
  --btn-bg: #1e293b;
  --btn-border: #334155;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }