/* ASCDREAM tasarım tokenları — brifing §3-4. Tüm renk/gölge tanımı burada;
   style.css yalnız bileşen kuralları içerir. Eski değişken adları (--bg, --card,
   --primary...) köprüyle yeni tokenlara bağlanır → mevcut ekranlar otomatik uyar. */

/* Inter (değişken 400-700) — yerel; latin-ext Türkçe karakterleri kapsar */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ═══ ASC Design System (talimat §3) — tek kaynak ═══ */
  --asc-navy-950: #081a33;
  --asc-navy-900: #0d2343;
  --asc-navy-800: #16375f;

  --asc-primary-700: #5146d8;
  --asc-primary-600: #6256e8;
  --asc-primary-500: #7367f0;
  --asc-primary-100: #efedff;

  --asc-intelligence-700: #087f7b;
  --asc-intelligence-600: #0f9f9a;
  --asc-intelligence-500: #19b5ae;
  --asc-intelligence-100: #e5f8f6;

  --asc-success-600: #18a86b;
  --asc-success-100: #e8f8f0;
  --asc-warning-600: #f28c28;
  --asc-warning-100: #fff2e3;
  --asc-danger-600: #e5484d;
  --asc-danger-100: #fdebec;
  --asc-info-600: #2563eb;
  --asc-info-100: #eaf2ff;

  --asc-text-950: #172033;
  --asc-text-700: #465066;
  --asc-text-500: #7c879d;
  --asc-text-400: #9ca5b5;

  --asc-bg: #f4f7fb;
  --asc-surface: #ffffff;
  --asc-border: #e4e9f1;
  --asc-divider: #edf0f5;

  --asc-shadow-sm: 0 2px 8px rgba(17, 32, 51, 0.05);
  --asc-shadow-md: 0 8px 24px rgba(17, 32, 51, 0.08);
  --asc-shadow-hover: 0 10px 28px rgba(17, 32, 51, 0.11);

  /* Radius (§3.2) */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Spacing — 8px taban (§3.3) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* ── Eski adlar → design system köprüsü (tüm ekranlar otomatik uyar) ── */
  --navy-950: var(--asc-navy-950);
  --navy-900: var(--asc-navy-900);
  --navy-800: var(--asc-navy-800);
  --primary-600: var(--asc-primary-600);
  --primary-500: var(--asc-primary-500);
  --primary-100: var(--asc-primary-100);
  --blue-600: var(--asc-info-600);  --blue-100: var(--asc-info-100);
  --teal-600: var(--asc-intelligence-600);  --teal-100: var(--asc-intelligence-100);
  --green-600: var(--asc-success-600); --green-100: var(--asc-success-100);
  --orange-600: var(--asc-warning-600); --orange-100: var(--asc-warning-100);
  --red-600: var(--asc-danger-600);   --red-100: var(--asc-danger-100);
  --text-900: var(--asc-text-950);
  --text-700: var(--asc-text-700);
  --text-500: var(--asc-text-500);
  --surface: var(--asc-surface);
  --background: var(--asc-bg);
  --border: var(--asc-border);
  --shadow-sm: var(--asc-shadow-sm);
  --shadow-md: var(--asc-shadow-md);
  /* App-shell yükseklik bütçesi (1920×1080 tek-viewport hedefi) */
  --topbar-h: 46px;
  --tabbar-h: 34px;
  --sidebar-w: 188px;
  --dash-gap: 8px;
  /* Yazı tipi */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* ── Köprü: eski değişkenler → yeni tokenlar (mevcut ekranlar otomatik uyar) ── */
  --bg: var(--background);
  --card: var(--surface);
  --line: var(--border);
  --txt: var(--text-900);
  --muted: var(--text-500);
  --primary: var(--primary-600);
  --primary-d: var(--asc-primary-700);
  --danger: var(--red-600);
  --ok: var(--green-600);
}