/* OdoCloudflare — tasarim token'lari
   Kaynak: /Users/odo/Desktop/claude/design/odo/DESIGN_REFERENCE.md */

:root {
  /* Marka — logo magenta -> mor */
  --brand-primary:       #c03060;
  --brand-primary-dark:  #8a2350;
  --brand-primary-light: #d65a82;
  --brand-purple:        #603078;
  --brand-purple-dark:   #4a2560;
  --brand-gradient:      linear-gradient(135deg, #603078 0%, #c03060 100%);
  --brand-gradient-soft: linear-gradient(135deg, rgba(96,48,120,.08) 0%, rgba(192,48,96,.08) 100%);
  --brand-accent:        #f0a830;

  /* Notr */
  --ink-900: #0f172a;
  --ink-700: #334155;
  --ink-500: #64748b;
  --ink-400: #94a3b8;
  --ink-300: #cbd5e1;
  --ink-200: #e2e8f0;
  --surface-50:  #f8fafc;
  --surface-100: #f1f5f9;
  --white: #ffffff;

  /* Koyu yuzey (sidebar / footer) */
  --dark-bg:      #0b1220;
  --dark-surface: #111a2e;
  --dark-border:  #1e293b;
  --dark-text:    #cbd5e1;
  --dark-muted:   #64748b;

  /* Durum */
  --success: #16a34a;
  --success-bg: #f0fdf4;
  --warning: #f59e0b;
  --warning-bg: #fffbeb;
  --danger:  #dc2626;
  --danger-bg: #fef2f2;
  --info:    #0ea5e9;
  --info-bg: #f0f9ff;

  /* Cloudflare proxy turuncusu */
  --cf-orange: #f6821f;

  /* Tipografi */
  --font-heading: "Inter", "Poppins", system-ui, -apple-system, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;

  --fs-hero:  clamp(1.75rem, 3vw, 2.25rem);
  --fs-h2:    clamp(1.375rem, 2.2vw, 1.75rem);
  --fs-h3:    1.125rem;
  --fs-body:  0.9375rem;
  --fs-small: 0.8125rem;
  --fs-xs:    0.75rem;

  --lh-tight: 1.2;
  --lh-normal: 1.6;

  --fw-bold: 700;
  --fw-semi: 600;
  --fw-med:  500;
  --fw-reg:  400;

  /* Boslук */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Golge */
  --shadow-sm: 0 1px 3px rgba(15,23,42,.08);
  --shadow-md: 0 10px 30px -10px rgba(15,23,42,.15);
  --shadow-lg: 0 24px 60px -20px rgba(15,23,42,.25);
  --shadow-brand: 0 10px 30px -10px rgba(192,48,96,.35);

  --sidebar-w: 264px;
  --topbar-h: 68px;
  --container: 1440px;
  --transition: 220ms cubic-bezier(.4,0,.2,1);
}