/* GreenHawk AI — Design tokens for light + dark themes */

:root {
  /* Brand */
  --brand-emerald: #0FA968;
  --brand-neon: #38F58A;
  --brand-deep: #062E22;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 160ms;
  --dur-med: 260ms;
  --dur-slow: 480ms;

  /* Font stacks */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;
}

/* Default: dark theme (premium AI lab feel) */
:root,
:root[data-theme="dark"] {
  --bg: #07100C;
  --bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(56, 245, 138, 0.10), transparent 60%),
             radial-gradient(900px 500px at -10% 20%, rgba(15, 169, 104, 0.10), transparent 60%);
  --surface: #0C1712;
  --surface-2: #122019;
  --surface-3: #172a20;

  --text: #EAF2EC;
  --text-strong: #FFFFFF;
  --text-muted: #A6BAAF;
  --text-subtle: #7B8F84;

  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  --primary: #38F58A;
  --primary-hover: #56ffa0;
  --primary-contrast: #05261B;

  --accent: #0FA968;
  --ring: rgba(56, 245, 138, 0.55);
  --glow: 0 0 40px rgba(56, 245, 138, 0.25);
  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 10px 30px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 20px 60px rgba(0, 0, 0, 0.55);

  --glass-bg: rgba(12, 23, 18, 0.6);
  --glass-border: rgba(255, 255, 255, 0.08);

  --success: #38F58A;
  --warning: #F5C542;
  --danger: #FF6B6B;
  --info: #7CC6FF;

  --track: rgba(255, 255, 255, 0.06);

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #FFFFFF;
  --bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(15, 169, 104, 0.10), transparent 60%),
             radial-gradient(900px 500px at -10% 20%, rgba(56, 245, 138, 0.08), transparent 60%);
  --surface: #F5F8F6;
  --surface-2: #EAF1EC;
  --surface-3: #DDE8E1;

  --text: #0B1410;
  --text-strong: #04120A;
  --text-muted: #3C4A43;
  --text-subtle: #5A6B62;

  --border: rgba(6, 46, 34, 0.10);
  --border-strong: rgba(6, 46, 34, 0.18);

  --primary: #0B8A54;
  --primary-hover: #0FA968;
  --primary-contrast: #FFFFFF;

  --accent: #0FA968;
  --ring: rgba(15, 169, 104, 0.45);
  --glow: 0 0 40px rgba(15, 169, 104, 0.20);
  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 8px 24px rgba(6, 46, 34, 0.08);
  --shadow-2: 0 24px 60px rgba(6, 46, 34, 0.12);

  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(6, 46, 34, 0.08);

  --success: #0B8A54;
  --warning: #B7791F;
  --danger: #C0392B;
  --info: #2563C7;

  --track: rgba(6, 46, 34, 0.08);

  color-scheme: light;
}

/* RTL — Persian */
:root[dir="rtl"] {
  --font-display: "Vazirmatn", "Space Grotesk", system-ui, sans-serif;
  --font-body: "Vazirmatn", "Inter", system-ui, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}