/* ==========================================================================
   DEBUCKS YAZILIM — THEME TOKENS
   Dark-first design system. Light theme overrides via [data-theme="light"]
   ========================================================================== */

:root {
  /* Brand */
  --c-primary: #36013f;
  --c-primary-rgb: 54, 1, 63;
  --c-secondary: #6b21ff;
  --c-secondary-rgb: 107, 33, 255;
  --c-accent: #8b5cf6;
  --c-accent-rgb: 139, 92, 246;

  /* Semantic */
  --c-success: #22c55e;
  --c-info: #3b82f6;
  --c-warning: #f59e0b;

  /* Surfaces — dark (default) */
  --c-bg: #0b0b0f;
  --c-bg-elevated: #0f0f14;
  --c-surface: #16161d;
  --c-surface-2: #1c1c26;
  --c-border: rgba(255, 255, 255, 0.08);
  --c-border-strong: rgba(255, 255, 255, 0.16);

  /* Text */
  --c-text: #f4f2f7;
  --c-text-dim: #a8a3b8;
  --c-text-faint: #6f6a80;
  --c-on-accent: #ffffff;

  /* Gradient */
  --grad-brand: linear-gradient(135deg, var(--c-primary) 0%, var(--c-secondary) 55%, var(--c-accent) 100%);
  --grad-text: linear-gradient(135deg, #d6b8ff 0%, #a684ff 45%, #7c5cff 100%);
  --grad-glow: radial-gradient(circle, rgba(139, 92, 246, 0.35) 0%, rgba(107, 33, 255, 0) 70%);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 0 1px rgba(139, 92, 246, 0.25), 0 8px 40px rgba(139, 92, 246, 0.18);

  /* Glass */
  --glass-bg: rgba(22, 22, 29, 0.6);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-blur: 18px;

  /* Type */
  --font-display: "Space Grotesk", "Poppins", sans-serif;
  --font-body: "Inter", "Manrope", sans-serif;

  /* Radius */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-full: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.2s;
  --dur-med: 0.45s;
  --dur-slow: 0.9s;
}

[data-theme="light"] {
  --c-bg: #ffffff;
  --c-bg-elevated: #fbfaff;
  --c-surface: #f6f4fa;
  --c-surface-2: #eee9f7;
  --c-border: rgba(20, 8, 30, 0.08);
  --c-border-strong: rgba(20, 8, 30, 0.14);

  --c-text: #1a0e20;
  --c-text-dim: #5c5468;
  --c-text-faint: #8a839a;

  --grad-text: linear-gradient(135deg, #6b21ff 0%, #36013f 100%);

  --shadow-sm: 0 2px 8px rgba(54, 1, 63, 0.06);
  --shadow-md: 0 8px 30px rgba(54, 1, 63, 0.08);
  --shadow-lg: 0 20px 60px rgba(54, 1, 63, 0.12);
  --shadow-glow: 0 0 0 1px rgba(139, 92, 246, 0.18), 0 8px 40px rgba(139, 92, 246, 0.12);

  --glass-bg: rgba(255, 255, 255, 0.65);
  --glass-border: rgba(20, 8, 30, 0.08);
}