/* ═══════════════════════════════════════════════
   FUNSTAR STUDIOS — Design Tokens
   Cinematic / Elite Digital Studio
   ═══════════════════════════════════════════════ */

:root {
  /* ─── Backgrounds ─── */
  --bg-0: #05070D;
  --bg-1: #0A1020;
  --bg-2: #101828;
  --bg-surface: #141C2C;
  --bg-surface-hover: #1A2438;
  --bg-muted: #0D1322;

  /* ─── Accent (Electric Blue) ─── */
  --accent: #5B8CFF;
  --accent-glow: rgba(91, 140, 255, 0.15);
  --accent-dark: #4A74D6;
  --accent-bright: #7AA3FF;

  /* ─── Text ─── */
  --text: #EAF0FF;
  --text-muted: #A7B3D1;
  --text-dim: #6B7A94;
  --text-bright: #FFFFFF;

  /* ─── Lines ─── */
  --line: rgba(255, 255, 255, 0.06);
  --line-strong: rgba(255, 255, 255, 0.12);

  /* ─── FieldForge Brand (consistent across all references) ─── */
  --ff-ember: #FF7A18;
  --ff-ember-glow: rgba(255, 122, 24, 0.15);
  --ff-molten: #FFA500;

  /* ─── Status ─── */
  --green: #22C55E;
  --amber: #F5A623;
  --red: #EF4444;

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

  /* ─── Shadows ─── */
  --shadow: 0 2px 16px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.4);
  --shadow-glow: 0 4px 32px rgba(91, 140, 255, 0.2);

  /* ─── Gradients ─── */
  --gradient-hero: linear-gradient(160deg, #05070D 0%, #0A1020 50%, #101828 100%);
  --gradient-section: linear-gradient(160deg, #0A1020 0%, #0D1528 100%);
  --gradient-accent-subtle: linear-gradient(135deg, rgba(91,140,255,0.06) 0%, transparent 60%);

  /* ─── Typography ─── */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}