/* ═══════════════════════════════════════════════════════════════
   PROXY CHEATS — Design System (fonte: Landing Page)
   Tokens únicos para Landing + Painel + Login
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Rajdhani:wght@600;700&display=swap');

:root,
[data-theme="dark"] {
  --bg:            #050508;
  --bg-1:          #0b0c14;
  --bg-2:          #0e1018;
  --bg-3:          #12141e;
  --bg-hover:      rgba(255,255,255,0.045);
  --surface:       #0b0c14;
  --surface-2:     rgba(255,255,255,0.04);
  --panel:         #0e1018;

  --border:        rgba(255,255,255,0.07);
  --border-md:     rgba(255,255,255,0.12);
  --border-lg:     rgba(255,255,255,0.2);
  --border-b:      rgba(0,140,255,0.3);

  --text:          #e2e8f0;
  --text-2:        #7a8ba0;
  --text-3:        #3d4a5c;
  --text-inv:      #050508;

  --accent:        #0080ff;
  --accent-2:      #00aaff;
  --accent-3:      #0050bb;
  --accent-glow:   rgba(0,128,255,0.12);
  --accent-soft:   rgba(0,128,255,0.08);
  --accent-text:   #00aaff;

  --ok:            #00e676;
  --ok-soft:       rgba(0,230,118,0.1);
  --ok-text:       #69f0ae;
  --danger:        #ff5252;
  --danger-soft:   rgba(255,82,82,0.12);
  --danger-text:   #ff8a80;
  --warn:          #ffab00;
  --warn-soft:     rgba(255,171,0,0.12);
  --warn-text:     #ffd54f;
  --info:          #00aaff;
  --info-soft:     rgba(0,170,255,0.12);
  --info-text:     #80d8ff;

  --topbar-bg:     rgba(5,5,8,0.88);
  --sidebar-bg:    rgba(11,12,20,0.92);
  --overlay-bg:    rgba(5,5,8,0.78);
  --glass:         rgba(14,16,24,0.92);
  --mesh-1:        transparent;
  --mesh-2:        transparent;
  --shadow-sm:     0 1px 2px rgba(0,0,0,0.35);
  --shadow:        0 4px 16px rgba(0,0,0,0.35);
  --shadow-lg:     0 12px 32px rgba(0,0,0,0.4);
  --shadow-accent: 0 4px 14px rgba(0,128,255,0.18);
  --input-bg:      rgba(255,255,255,0.035);
  --chart-track:   rgba(255,255,255,0.06);

  /* Aliases Landing (mesmos tokens) */
  --blue:          #0080ff;
  --blue-b:        #00aaff;
  --blue-dim:      rgba(0,128,255,0.12);
  --cyan:          #00d4ff;
  --green:         #00e676;
  --sub:           #7a8ba0;
  --muted:         #3d4a5c;
  color-scheme: dark;
}

/* Light = mesma identidade, superfície clara (opcional) */
[data-theme="light"] {
  --bg:            #f0f3f8;
  --bg-1:          #ffffff;
  --bg-2:          #ffffff;
  --bg-3:          #e8edf5;
  --bg-hover:      rgba(0,80,180,0.05);
  --surface:       #ffffff;
  --surface-2:     rgba(0,80,180,0.04);
  --panel:         #ffffff;

  --border:        rgba(15,23,42,0.09);
  --border-md:     rgba(15,23,42,0.14);
  --border-lg:     rgba(15,23,42,0.22);
  --border-b:      rgba(0,128,255,0.35);

  --text:          #0d1526;
  --text-2:        #44546a;
  --text-3:        #6b7c93;
  --text-inv:      #ffffff;

  --accent:        #0080ff;
  --accent-2:      #0070e0;
  --accent-3:      #0050bb;
  --accent-glow:   rgba(0,128,255,0.22);
  --accent-soft:   rgba(0,128,255,0.1);
  --accent-text:   #0050bb;

  --ok:            #00c853;
  --ok-soft:       rgba(0,200,83,0.1);
  --ok-text:       #008e3a;
  --danger:        #e53935;
  --danger-soft:   rgba(229,57,53,0.1);
  --danger-text:   #c62828;
  --warn:          #f9a825;
  --warn-soft:     rgba(249,168,37,0.12);
  --warn-text:     #f57f17;
  --info:          #0080ff;
  --info-soft:     rgba(0,128,255,0.1);
  --info-text:     #0050bb;

  --topbar-bg:     rgba(255,255,255,0.9);
  --sidebar-bg:    #ffffff;
  --overlay-bg:    rgba(15,23,42,0.5);
  --glass:         rgba(255,255,255,0.86);
  --mesh-1:        rgba(0,128,255,0.08);
  --mesh-2:        rgba(0,170,255,0.05);
  --shadow-sm:     0 1px 3px rgba(15,23,42,0.06);
  --shadow:        0 8px 28px rgba(15,23,42,0.08);
  --shadow-lg:     0 20px 50px rgba(15,23,42,0.12);
  --shadow-accent: 0 4px 18px rgba(0,128,255,0.18);
  --input-bg:      #f5f8fc;
  --chart-track:   rgba(15,23,42,0.07);
  color-scheme: light;
}

:root {
  --sidebar-w:     248px;
  --radius:        12px;
  --radius-sm:     8px;
  --radius-xs:     6px;
  --radius-full:   9999px;
  --font:          'Space Grotesk', system-ui, sans-serif;
  --display:       'Rajdhani', 'Space Grotesk', sans-serif;
  --mono:          'JetBrains Mono', ui-monospace, monospace;
  --ease:          cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --t:             150ms var(--ease);
  --t-slow:        280ms var(--ease);
  --safe-b:        env(safe-area-inset-bottom, 0px);
  --touch:         44px;
  --space-1:       0.25rem;
  --space-2:       0.5rem;
  --space-3:       0.75rem;
  --space-4:       1rem;
  --space-5:       1.25rem;
  --gap:           1rem;
  --gap-lg:        1.25rem;
  --pad-card:      1.2rem 1.35rem;
  --pad-content-y: 1.5rem;
  --pad-content-x: 1.75rem;
  --content-max:   1440px;
}