/* ScriptPazar design tokens (light theme only). Link this BEFORE store.css / admin.css. */
:root {
  /* Primary (indigo -> violet) */
  --primary-50: #F5F3FF;
  --primary-100: #EDE9FE;
  --primary-200: #DDD6FE;
  --primary-300: #C4B5FD;
  --primary-400: #A78BFA;
  --primary-500: #7C3AED;
  --primary-600: #6D28D9;
  --primary-700: #5B21B6;
  --primary-800: #4C1D95;
  --primary-900: #3B1578;
  --indigo-500: #4F46E5;
  --blue-500: #3B82F6;
  --blue-600: #2563EB;

  /* Brand */
  --brand: var(--primary-600);
  --brand-hover: var(--primary-700);
  --brand-ring: rgba(109, 40, 217, .35);
  --gradient-accent: linear-gradient(90deg, #2563EB 0%, #6D28D9 100%);
  --gradient-button: linear-gradient(135deg, #4F46E5 0%, #6D28D9 100%);
  --gradient-hero: linear-gradient(135deg, #EAF2FF 0%, #F0EDFF 55%, #F6F0FF 100%);
  --gradient-cta: linear-gradient(135deg, #4C1D95 0%, #6D28D9 100%);

  /* Neutrals */
  --white: #FFFFFF;
  --neutral-50: #F7F8FC;
  --neutral-100: #F5F6FA;
  --neutral-200: #E6E8F0;
  --neutral-300: #D5D9E5;
  --neutral-400: #9CA3B8;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #334155;
  --neutral-800: #1E293B;
  --neutral-900: #0F172A;
  --navy-900: #0B1120;
  --navy-800: #111827;
  --navy-700: #1F2937;

  /* Semantic surfaces */
  --bg: var(--neutral-50);
  --bg-admin: #F5F6FA;
  --surface: var(--white);
  --border: var(--neutral-200);
  --text: var(--neutral-900);
  --text-muted: var(--neutral-500);

  /* Status */
  --success: #10B981;  --success-soft: #D1FAE5; --success-text: #047857;
  --warning: #F59E0B;  --warning-soft: #FEF3C7; --warning-text: #B45309;
  --danger:  #EF4444;  --danger-soft:  #FEE2E2; --danger-text:  #B91C1C;
  --info:    #3B82F6;  --info-soft:    #DBEAFE; --info-text:    #1D4ED8;
  --orange:  #F97316;  --orange-soft:  #FFEDD5;
  --star: #F59E0B;

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);
  --shadow-md: 0 4px 20px rgba(15, 23, 42, .06);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);
  --shadow-btn: 0 4px 12px rgba(79, 70, 229, .28);

  /* Spacing */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 80px;

  /* Typography */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-base: 1rem; --fs-md: 1.125rem;
  --fs-lg: 1.25rem; --fs-xl: 1.5rem; --fs-2xl: 2rem; --fs-3xl: 2.5rem; --fs-4xl: 3.25rem;
  --lh-tight: 1.2; --lh-normal: 1.55;

  /* Layout */
  --container: 1200px;
  --header-h: 72px;
  --sidebar-w: 260px;

  /* Z-index */
  --z-base: 1; --z-dropdown: 50; --z-sticky: 100; --z-overlay: 900; --z-modal: 1000; --z-toast: 1100;

  /* Motion */
  --transition: .18s ease;
}