/* ==========================================================================
   Softplay360 — Design Tokens (Odoo 1:1 Softplay Mor Paleti)
   ========================================================================== */

:root {
  /* Marka Renkleri */
  --brand-purple: #6C2BD9;
  --brand-purple-dark: #4A1D96;
  --brand-purple-light: #8F5CEB;
  --brand-amber: #F49E0F;
  --brand-amber-dark: #D98707;
  --brand-amber-light: #FBD68B;

  /* Mor Skalası */
  --primary-50:  #F7F3FE;
  --primary-100: #EFE7FD;
  --primary-200: #DCCBFB;
  --primary-300: #BF9FF7;
  --primary-400: #9B6DF0;
  --primary-500: #6C2BD9;
  --primary-600: #5B21B6;
  --primary-700: #4A1D96;
  --primary-800: #3B1578;
  --primary-900: #2A0F57;

  /* Kehribar Skalası */
  --accent-50:  #FEF9EE;
  --accent-100: #FDF0D4;
  --accent-200: #FBD68B;
  --accent-300: #F8BE4E;
  --accent-400: #F49E0F;
  --accent-500: #D98707;
  --accent-600: #B06B05;
  --accent-700: #8A5304;

  /* Nötr Skala */
  --neutral-50:  #FAFAFB;
  --neutral-100: #F4F4F6;
  --neutral-200: #E5E5EA;
  --neutral-300: #D1D1D8;
  --neutral-400: #A1A1AA;
  --neutral-500: #71717A;
  --neutral-600: #52525B;
  --neutral-700: #3F3F46;
  --neutral-800: #27272A;
  --neutral-900: #141414;

  /* Odoo 1:1 Zemin Mimarisi (Softplay Açık Mor) */
  --bg-canvas: #FFFFFF;
  --bg-surface: #FFFFFF;
  --bg-odoo-purple: #F5EEFD;
  --bg-odoo-blob: #EFE6FD;

  /* Nötr Metin ve Kenarlıklar */
  --text-primary: #141414;
  --text-secondary: #52525B;
  --text-muted: #71717A;
  --border-subtle: #EDEDF2;
  --border-medium: #DFDFE6;
  --border-strong: #C9C9D4;

  /* Semantik Renkler */
  --success: #16A34A;
  --warning: #F49E0F;
  --danger: #DC2626;

  /* Tipografi */
  --font-title: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-ui: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-doodle: 'Caveat', cursive, sans-serif;

  /* Radius */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-odoo: 44px;
  --radius-pill: 9999px;

  /* Gölgeler */
  --shadow-sm: 0 2px 8px rgba(20, 20, 30, 0.04), 0 1px 2px rgba(20, 20, 30, 0.02);
  --shadow-md: 0 8px 24px rgba(20, 20, 30, 0.06), 0 2px 8px rgba(20, 20, 30, 0.03);
  --shadow-lg: 0 20px 50px rgba(20, 20, 30, 0.08), 0 6px 16px rgba(20, 20, 30, 0.04);
  --shadow-showcase: 0 24px 64px rgba(108, 43, 217, 0.12), 0 8px 24px rgba(20, 20, 30, 0.04);
  --shadow-purple-glow: 0 12px 36px rgba(108, 43, 217, 0.18), 0 4px 12px rgba(108, 43, 217, 0.08);
  --shadow-hover: 0 16px 36px rgba(20, 20, 30, 0.08), 0 4px 12px rgba(20, 20, 30, 0.03);

  /* Geçişler */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}