/* ==========================================================================
   ROOTJUMS TECH — SHARED DESIGN TOKENS (WHITE-LABEL ENTERPRISE DESIGN SYSTEM)
   Paleta Corporativa Oficial: Azul #3B82F6, Verde #10B981, Coral #D97757,
   Fondo Oscuro #071226, Gris #F1F5F9, Negro #000000 / #0F172A
   ========================================================================== */

:root {
  /* Brand Master Colors */
  --rj-blue: #3B82F6;
  --rj-blue-dark: #1D4ED8;
  --rj-blue-light: #60A5FA;
  --rj-blue-glow: rgba(59, 130, 246, 0.22);

  --rj-green: #10B981;
  --rj-green-dark: #059669;
  --rj-green-light: #34D399;
  --rj-green-glow: rgba(16, 185, 129, 0.20);

  --rj-coral: #D97757;
  --rj-coral-dark: #C25E3E;
  --rj-coral-light: #E89274;
  --rj-coral-glow: rgba(217, 119, 87, 0.25);

  /* Deep Space Obsidian Backgrounds */
  --rj-bg-void: #000000;
  --rj-bg-base: #071226;
  --rj-bg-surface: #0B1733;
  --rj-bg-card: rgba(11, 23, 51, 0.75);
  --rj-bg-card-hover: rgba(18, 34, 73, 0.85);
  --rj-bg-input: rgba(7, 18, 38, 0.8);

  /* Borders & Dividers */
  --rj-border-subtle: rgba(255, 255, 255, 0.06);
  --rj-border-card: rgba(59, 130, 246, 0.14);
  --rj-border-highlight: rgba(59, 130, 246, 0.4);

  /* Typography */
  --rj-text-white: #FFFFFF;
  --rj-text-primary: #F1F5F9;
  --rj-text-secondary: #94A3B8;
  --rj-text-muted: #64748B;

  /* Typography Stacks */
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}