/* =============================================
   GA Tech Solutions — Design Tokens · TEMA CLARO
   ============================================= */
:root {
  --b900: #051929; --b800: #083A5C; --b700: #0A5C8F;
  --b600: #0878B8; --b500: #0A96D4; --b400: #00AADC;
  --b300: #4DC4E8; --b200: #A0DFF2; --b100: #D0EFF9;
  --b50: #E8F6FC; --b25: #F3FAFE;

  --n900: #0F172A; --n700: #334155; --n500: #64748B;
  --n300: #CBD5E1; --n200: #E2E8F0; --n100: #F1F5F9;

  --color-warning-text: #B45309; --color-warning-bg: #FEF3C7;
  --color-error-text: #DC2626; --color-error-bg: #FEE2E2;
  --color-success-text: #0A6E3F; --color-success-bg: #D1FAE5;
  --color-purple-text: #7C3AED; --color-purple-bg: #EDE9FE;
  --color-pink-text: #DB2777; --color-pink-bg: #FCE7F3;

  --color-success: #198754;
  --color-warning: #ffc107;
  --color-error: #dc3545;
  --color-primary: #0A5C8F;

  --text-primary: #0F172A;
  --text-secondary: #334155;
  --text-muted: #64748B;
  --divider: #E2E8F0;

  --color-action: #0A5C8F;
  --color-action-hover: #083A5C;
  --color-action-rgb: 10,92,143;

  --bg-default: #C8E8F5;
  --bg-paper: rgba(255,255,255,0.78);

  --glass: rgba(255,255,255,0.60);
  --glass-md: rgba(255,255,255,0.78);
  --glass-light: rgba(255,255,255,0.82);
  --glass-input: rgba(255,255,255,0.82);
  --gborder: rgba(255,255,255,0.88);
  --gborder2: rgba(255,255,255,0.96);

  --blur: blur(18px);
  --blur-lg: blur(34px);

  --grid-line: rgba(10,92,143,0.035);
  --orb-blur: 72px;
  --orb-opacity: 0.50;

  --font-base: "Plus Jakarta Sans", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --font-size-base: 13px;

  --sw: 230px; --hh: 52px; --r: 13px; --r-sm: 8px;

  --shadow-sm: 0 2px 12px rgba(5,25,46,0.06);
  --shadow-md: 0 4px 16px rgba(5,25,46,0.07);
  --shadow-table: 0 4px 20px rgba(5,25,46,0.06);
  --shadow-hover: 0 8px 28px rgba(5,25,46,0.10);
  --shadow-modal: 0 24px 56px rgba(5,25,46,0.20);

  --header-bg: rgba(5,25,46,0.92);
  --header-border: rgba(0,170,220,0.14);
  --header-shadow: 0 2px 20px rgba(5,25,46,0.22);

  --sidebar-bg: rgba(255,255,255,0.40);
  --sidebar-border: rgba(255,255,255,0.72);
  --sidebar-scrollbar: rgba(10,92,143,0.15);
  --nav-active-bg: rgba(10,92,143,0.09);
  --nav-active-border: #0878B8;
  --nav-active-color: #0A5C8F;
  --nav-color: #64748B;
  --nav-hover-color: #0A5C8F;
  --nav-group-label: #334155;
  --subitem-active-border: #0878B8;

  --th-color: #0A5C8F;
  --td-color: #0F172A;
  --tr-hover: rgba(10,92,143,0.04);
  --tr-border: rgba(255,255,255,0.65);
  --thead-bg: rgba(255,255,255,0.55);
  --thead-border: rgba(255,255,255,0.80);

  --input-border: rgba(10,92,143,0.16);
  --input-border-hover: rgba(10,92,143,0.30);
  --input-border-focus: #0878B8;
  --input-shadow-focus: 0 0 0 3px rgba(10,92,143,0.09);

  --btn-primary-bg: #0A5C8F;
  --btn-primary-hover: #083A5C;
  --btn-primary-shadow: 0 2px 8px rgba(10,92,143,0.28);
  --btn-outline-border: rgba(10,92,143,0.30);
  --btn-outline-color: #0A5C8F;
  --btn-cancel-color: #DC2626;

  --toolbar-bg: rgba(255,255,255,0.78);
  --toolbar-border: rgba(255,255,255,0.96);
  --search-bg: rgba(255,255,255,0.70);
  --search-border: rgba(10,92,143,0.12);
  --tbtn-bg: rgba(10,92,143,0.06);
  --tbtn-border: rgba(10,92,143,0.10);
  --tbtn-color: #0A5C8F;

  --modal-overlay: rgba(5,25,46,0.28);
  --modal-bg: rgba(255,255,255,0.90);
  --modal-border: rgba(255,255,255,0.96);
  --modal-header-border: rgba(10,92,143,0.09);

  --chart-line: #0A96D4;
  --chart-fill: rgba(10,150,212,0.16);
  --chart-grid: rgba(10,92,143,0.04);
  --chart-tick: #94A3B8;
  --chart-donut-colors: #083A5C,#0878B8,#00AADC,#4DC4E8,#A0DFF2;
  --chart-donut-border: rgba(255,255,255,0.85);
  --chart-tooltip-bg: #ffffff;
  --chart-tooltip-title: #0F172A;
  --chart-tooltip-body: #334155;
  --chart-tooltip-border: rgba(10,92,143,0.22);

  --tab-active: #0A5C8F;
  --tab-indicator: #0878B8;

  --chip-activo-bg: rgba(10,92,143,0.10);
  --chip-activo-text: #0A5C8F;
  --chip-inactivo-bg: #FEF3C7;
  --chip-inactivo-text: #B45309;
  --chip-success-bg: #D1FAE5;
  --chip-success-text: #0A6E3F;
  --chip-error-bg: #FEE2E2;
  --chip-error-text: #DC2626;
  --chip-gray-bg: #F1F5F9;
  --chip-gray-text: #334155;

  --glow-top: rgba(255,255,255,0.95);

  --metric-icon-bg: rgba(10,92,143,0.10);
  --metric-icon-border: rgba(10,92,143,0.18);
  --metric-icon-color: #0A5C8F;
  --metric-amount: #0F172A;
  --metric-label: #0878B8;

  --kpi-blue-amount: #0A5C8F;
}

/* =============================================
   TEMA OSCURO
   ============================================= */
[data-theme="dark"] {
  --n900: #E2E8F0; --n700: #94A3B8; --n500: #64748B;
  --n300: #475569; --n200: #2A3A52; --n100: #162035;

  --color-warning-text: #FCD34D; --color-warning-bg: rgba(251,191,36,0.12);
  --color-error-text: #F87171; --color-error-bg: rgba(248,113,113,0.12);
  --color-success-text: #34D399; --color-success-bg: rgba(52,211,153,0.12);
  --color-purple-text: #A78BFA; --color-purple-bg: rgba(167,139,250,0.12);
  --color-pink-text: #F472B6; --color-pink-bg: rgba(244,114,182,0.12);

  --color-success: #34D399;
  --color-warning: #FCD34D;
  --color-error: #F87171;
  --color-primary: #00AADC;

  --text-primary: #E2E8F0;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --divider: rgba(255,255,255,0.08);

  --color-action: #00AADC;
  --color-action-hover: #4DC4E8;
  --color-action-rgb: 0,170,220;

  --bg-default: #060E1C;
  --bg-paper: rgba(255,255,255,0.07);

  --glass: rgba(255,255,255,0.04);
  --glass-md: rgba(255,255,255,0.07);
  --glass-light: rgba(255,255,255,0.06);
  --glass-input: rgba(255,255,255,0.06);
  --gborder: rgba(255,255,255,0.08);
  --gborder2: rgba(255,255,255,0.13);

  --grid-line: rgba(0,170,220,0.025);
  --orb-blur: 90px;
  --orb-opacity: 0.14;

  --shadow-sm: 0 2px 12px rgba(0,0,0,0.30);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.38);
  --shadow-table: 0 4px 24px rgba(0,0,0,0.35);
  --shadow-hover: 0 8px 32px rgba(0,0,0,0.50), 0 0 0 1px rgba(0,170,220,0.15);
  --shadow-modal: 0 24px 60px rgba(0,0,0,0.60), 0 0 0 1px rgba(0,170,220,0.10);

  --header-bg: rgba(4,10,22,0.96);
  --header-border: rgba(0,170,220,0.20);
  --header-shadow: 0 2px 20px rgba(0,0,0,0.40);

  --sidebar-bg: rgba(255,255,255,0.04);
  --sidebar-border: rgba(255,255,255,0.07);
  --sidebar-scrollbar: rgba(255,255,255,0.12);
  --nav-active-bg: rgba(0,170,220,0.10);
  --nav-active-border: #00AADC;
  --nav-active-color: #4DC4E8;
  --nav-color: #64748B;
  --nav-hover-color: #00AADC;
  --nav-group-label: #94A3B8;
  --subitem-active-border: #00AADC;

  --th-color: #4DC4E8;
  --td-color: #CBD5E1;
  --tr-hover: rgba(0,170,220,0.06);
  --tr-border: rgba(255,255,255,0.05);
  --thead-bg: rgba(255,255,255,0.04);
  --thead-border: rgba(255,255,255,0.08);

  --input-border: rgba(255,255,255,0.10);
  --input-border-hover: rgba(255,255,255,0.18);
  --input-border-focus: #00AADC;
  --input-shadow-focus: 0 0 0 3px rgba(0,170,220,0.15);

  --btn-primary-bg: #00AADC;
  --btn-primary-hover: #4DC4E8;
  --btn-primary-shadow: 0 2px 12px rgba(0,170,220,0.30);
  --btn-outline-border: rgba(0,170,220,0.30);
  --btn-outline-color: #00AADC;
  --btn-cancel-color: #F87171;

  --toolbar-bg: rgba(255,255,255,0.06);
  --toolbar-border: rgba(255,255,255,0.09);
  --search-bg: rgba(255,255,255,0.05);
  --search-border: rgba(255,255,255,0.09);
  --tbtn-bg: rgba(255,255,255,0.06);
  --tbtn-border: rgba(255,255,255,0.09);
  --tbtn-color: #4DC4E8;

  --modal-overlay: rgba(0,0,0,0.55);
  --modal-bg: rgba(10,20,38,0.97);
  --modal-border: rgba(255,255,255,0.10);
  --modal-header-border: rgba(255,255,255,0.08);

  --chart-line: #00AADC;
  --chart-fill: rgba(0,170,220,0.20);
  --chart-grid: rgba(255,255,255,0.04);
  --chart-tick: #475569;
  --chart-donut-colors: #0878B8,#00AADC,#4DC4E8,#A0DFF2,#E2E8F0;
  --chart-donut-border: rgba(6,14,28,0.80);
  --chart-tooltip-bg: #0D1E38;
  --chart-tooltip-title: #E2E8F0;
  --chart-tooltip-body: #94A3B8;
  --chart-tooltip-border: rgba(0,170,220,0.25);

  --tab-active: #4DC4E8;
  --tab-indicator: #00AADC;

  --chip-activo-bg: rgba(0,170,220,0.12);
  --chip-activo-text: #4DC4E8;
  --chip-inactivo-bg: rgba(251,191,36,0.12);
  --chip-inactivo-text: #FCD34D;
  --chip-success-bg: rgba(52,211,153,0.12);
  --chip-success-text: #34D399;
  --chip-error-bg: rgba(248,113,113,0.12);
  --chip-error-text: #F87171;
  --chip-gray-bg: rgba(255,255,255,0.07);
  --chip-gray-text: #94A3B8;

  --glow-top: rgba(255,255,255,0.10);

  --metric-icon-bg: rgba(0,170,220,0.10);
  --metric-icon-border: rgba(0,170,220,0.20);
  --metric-icon-color: #00AADC;
  --metric-amount: #E2E8F0;
  --metric-label: #4DC4E8;

  --kpi-blue-amount: #00AADC;
}