@charset "UTF-8";

:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #14141f;
  --bg-tertiary: #1e1e2f;
  --bg-card: #18182a;
  --accent: #00d4ff;
  --accent-glow: rgba(0, 212, 255, 0.15);
  --accent-strong: #00e5ff;
  --text-primary: #e8e8f0;
  --text-secondary: #8888a0;
  --text-muted: #5a5a70;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-accent: rgba(0, 212, 255, 0.2);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 30px rgba(0, 212, 255, 0.1);
  --nav-bg: rgba(20, 20, 31, 0.95);
  --modal-overlay-bg: rgba(10, 10, 15, 0.85);
  --modal-backdrop: rgba(0, 0, 0, 0.5);
  --card-hover-bg: rgba(24, 24, 42, 0.8);
  --btn-secondary-bg: rgba(255, 255, 255, 0.05);
  --btn-secondary-hover: rgba(255, 255, 255, 0.1);
  --btn-secondary-border-hover: rgba(255, 255, 255, 0.15);
  --guia-link-bg: rgba(255, 255, 255, 0.03);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration-slow: 800ms;
  --duration-normal: 600ms;
  --duration-fast: 300ms;
}

[data-theme="light"] {
  --bg-primary: #f0f0f5;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e8e8f0;
  --bg-card: #ffffff;
  --accent: #0090b3;
  --accent-glow: rgba(0, 144, 179, 0.1);
  --accent-strong: #007a99;
  --text-primary: #1a1a2e;
  --text-secondary: #4a4a6a;
  --text-muted: #8888a0;
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-accent: rgba(0, 144, 179, 0.25);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-glow: 0 0 30px rgba(0, 144, 179, 0.08);
  --nav-bg: rgba(255, 255, 255, 0.95);
  --modal-overlay-bg: rgba(240, 240, 245, 0.9);
  --modal-backdrop: rgba(0, 0, 0, 0.3);
  --card-hover-bg: rgba(0, 144, 179, 0.04);
  --btn-secondary-bg: rgba(0, 0, 0, 0.04);
  --btn-secondary-hover: rgba(0, 0, 0, 0.08);
  --btn-secondary-border-hover: rgba(0, 0, 0, 0.12);
  --guia-link-bg: rgba(0, 0, 0, 0.03);
}