/*
  Tasarım token'ları — sariyer_etut (mobil app) lib/core/theme/app_theme.dart ile
  BİREBİR aynı paletten türetilmiştir. Palet değiştirilecekse önce mobil app'te
  değiştirilir, buraya sonra yansıtılır (CLAUDE.md kural #4).
*/
:root {
  /* Ana palet */
  --c-primary: #0ea5e9;      /* açık mavi (sky-500) */
  --c-primary-dark: #0369a1;
  --c-turquoise: #14b8a6;    /* turkuaz (teal-500) */
  --c-orange: #f97316;       /* turuncu (orange-500) */
  --c-surface: #f0f9ff;      /* çok açık mavi arka plan */
  --c-dark: #0f172a;         /* koyu lacivert metin */
  --c-card-bg: #ffffff;

  /* Durum renkleri (toast / badge / uyarı) */
  --c-success: #14b8a6;
  --c-warning: #f97316;
  --c-danger: #ef4444;
  --c-info: #0ea5e9;

  /* Nötr tonlar */
  --c-text: #0f172a;
  --c-text-muted: #64748b;
  --c-text-faint: #94a3b8;
  --c-border: rgba(14, 165, 233, 0.12);
  --c-border-strong: rgba(14, 165, 233, 0.2);
  --c-divider: rgba(14, 165, 233, 0.08);

  /* Tipografi */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Boşluk / radius / gölge */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.14);

  /* Breakpoint referansları (media query'lerde literal kullanılır, burada belge amaçlı) */
  --bp-tablet: 768px;
  --bp-desktop: 1024px;

  /* Sidebar/shell ölçüleri */
  --shell-sidebar-w: 264px;
  --shell-rail-w: 76px;
  --shell-topbar-h: 64px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  color: var(--c-text);
  background: var(--c-surface);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 { margin: 0; font-weight: 800; letter-spacing: -0.3px; }
p { margin: 0; }
a { color: var(--c-primary); }
button, input, select, textarea { font-family: inherit; }