/* ==========================================
   CNA Design System v1
   Variables Globales
   ========================================== */

:root {

  /* ========= Brand Colors ========= */

  --color-primary: #3B82F6;
  --color-primary-light: #60A5FA;

  --color-secondary: #22D3EE;

  --color-accent: #8B5CF6;

  /* ========= Background ========= */

  --bg-primary: #050816;
  --bg-secondary: #0B1120;
  --bg-card: rgba(255,255,255,.05);

  /* ========= Text ========= */

  --text-primary: #FFFFFF;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;

  /* ========= Borders ========= */

  --border-color: rgba(255,255,255,.08);

  /* ========= Shadows ========= */

  --shadow-small: 0 8px 30px rgba(0,0,0,.20);

  --shadow-medium: 0 20px 60px rgba(0,0,0,.35);

  --shadow-large: 0 30px 90px rgba(0,0,0,.45);

  /* ========= Glow ========= */

  --glow-blue: 0 0 40px rgba(59,130,246,.35);

  --glow-cyan: 0 0 60px rgba(34,211,238,.30);

  /* ========= Radius ========= */

  --radius-sm: 10px;

  --radius-md: 18px;

  --radius-lg: 28px;

  --radius-full: 999px;

  /* ========= Transition ========= */

  --transition-fast: .25s ease;

  --transition-normal: .4s ease;

  --transition-slow: .7s ease;

  /* ========= Layout ========= */

  --container: 1280px;

  --header-height: 90px;

}