:root {
  /* Marka Ana Renkleri */
  --brand-purple: #6C2BD9;
  --brand-amber: #F49E0F;

  /* Mor Renk Skalası (Primary) */
  --primary-50: #F4EEFE;
  --primary-100: #E6DAFC;
  --primary-200: #CDB5F9;
  --primary-300: #AE8AF3;
  --primary-400: #8F5CEB;
  --primary-500: #6C2BD9;
  --primary-600: #5B21B6;
  --primary-700: #4A1D96;
  --primary-800: #3B1578;
  --primary-900: #2A0F57;

  /* Kehribar Vurgu Skalası (Accent) */
  --accent-50: #FEF6E7;
  --accent-100: #FDE9C2;
  --accent-200: #FBD68B;
  --accent-300: #F9BE4E;
  --accent-400: #F49E0F;
  --accent-500: #D98707;
  --accent-600: #B06B05;
  --accent-700: #8A5304;

  /* Nötr Tonlar (Neutral) */
  --neutral-0: #FFFFFF;
  --neutral-25: #FAFAFB;
  --neutral-50: #F5F5F7;
  --neutral-100: #EDEDF0;
  --neutral-200: #E1E1E6;
  --neutral-300: #C9C9D1;
  --neutral-400: #9A9AA5;
  --neutral-500: #71717A;
  --neutral-600: #52525B;
  --neutral-700: #3F3F46;
  --neutral-800: #27272A;
  --neutral-900: #141414;

  /* Anlamsal Renkler (Semantic) */
  --success: #16A34A;
  --success-bg: #ECFDF3;
  --warning: #F49E0F;
  --warning-bg: #FEF6E7;
  --danger: #DC2626;
  --danger-bg: #FEF2F2;
  --info: #2563EB;
  --info-bg: #EFF6FF;

  /* Rol Eşlemeleri */
  --bg-page: var(--neutral-25);
  --bg-surface: #FFFFFF;
  --border: var(--neutral-200);
  --border-strong: var(--neutral-300);
  --text-primary: var(--neutral-900);
  --text-secondary: var(--neutral-600);
  --text-muted: var(--neutral-400);
  --text-on-brand: #FFFFFF;

  /* Tipografi */
  --font-brand: 'Baloo 2', cursive, sans-serif;
  --font-ui: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --fs-display: 48px; --lh-display: 56px;
  --fs-h1: 36px; --lh-h1: 44px;
  --fs-h2: 28px; --lh-h2: 36px;
  --fs-h3: 20px; --lh-h3: 28px;
  --fs-body: 16px; --lh-body: 26px;
  --fs-body-sm: 14px; --lh-body-sm: 22px;
  --fs-caption: 12px; --lh-caption: 18px;

  /* Radius / Köşe Yuvarlaklığı */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Boşluk / Spacing Sistemi (4px Grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* Gölgeler / Elevation */
  --shadow-sm: 0 1px 2px rgba(20, 20, 20, 0.05);
  --shadow-md: 0 4px 14px rgba(20, 20, 20, 0.08);
  --shadow-lg: 0 12px 32px rgba(20, 20, 20, 0.12);
  --shadow-purple: 0 10px 25px rgba(108, 43, 217, 0.25);
  --shadow-amber: 0 10px 25px rgba(244, 158, 15, 0.28);

  /* Buton Standartları */
  --btn-height: 48px;
  --btn-radius: var(--radius-md);
}