/* ═══════════════════════════════════════════════
   FIELDFORGE — Design Tokens
   Industrial Premium / Forge Aesthetic
   ═══════════════════════════════════════════════ */

:root {
  /* ─── Backgrounds ─── */
  --bg-0: #061021;
  --bg-1: #0A1B33;
  --bg-2: #0E2240;
  --bg-surface: #ffffff;
  --bg-surface-hover: #f8f9fa;
  --bg-muted: #f5f5f7;

  /* ─── Forge Accents ─── */
  --ember: #FF7A18;
  --ember-glow: rgba(255, 122, 24, 0.15);
  --ember-dark: #E06A10;
  --molten: #FFA500;

  /* ─── Steel ─── */
  --steel: #B8C3D6;
  --steel-dark: #6B7A8D;
  --gunmetal: #2F3A4F;

  /* ─── Action Green ─── */
  --forge-green: #22C55E;
  --forge-green-glow: rgba(34, 197, 94, 0.15);
  --forge-green-dark: #1BA34E;

  /* ─── Text ─── */
  --text-primary: #1d1d1f;
  --text-secondary: #3a3a3c;
  --text-muted: #86868b;
  --text-on-dark: #EAF0FF;
  --text-on-dark-muted: rgba(234, 240, 255, 0.55);

  /* ─── Lines & Borders ─── */
  --line: #e5e5e7;
  --line-dark: rgba(255, 255, 255, 0.08);
  --line-dark-strong: rgba(255, 255, 255, 0.15);

  /* ─── Blue (Links) ─── */
  --blue: #007AFF;

  /* ─── Radius ─── */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* ─── Shadows ─── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow: 0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --shadow-glow-ember: 0 4px 24px rgba(255, 122, 24, 0.2);
  --shadow-glow-green: 0 4px 24px rgba(34, 197, 94, 0.25);

  /* ─── Gradients ─── */
  --gradient-hero: linear-gradient(160deg, #061021 0%, #0A1B33 40%, #0E2240 100%);
  --gradient-dark-section: linear-gradient(160deg, #0A1B33 0%, #122544 100%);
  --gradient-ember-subtle: linear-gradient(135deg, rgba(255,122,24,0.05) 0%, transparent 50%);

  /* ─── Typography ─── */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
}