/*
 * Sahinoto Teması — Tasarım Token'ları (rol bazlı; açık mod varsayılan, koyu mod :root[data-theme="dark"]).
 * Marka paleti: otomotiv kırmızısı #D71920 (ana vurgu), açık gri #F4F5F6 (zemin), antrasit #17191D (yalnızca ince bantlar: menü, alt şerit),
 * petrol mavisi (güven/teknik doğruluk: uyum, bilgi, güven şeridi — ikincil vurgu). Bileşenler renk adını değil rolü kullanır.
 * Bu dosya yalnızca değişken tanımlar; bileşen kuralları style.css'te. Yalnızca sahinoto layout'u yükler.
 */

:root {
  color-scheme: light;

  /* Yüzeyler */
  --so-bg: #F4F5F6;          /* sayfa zemini */
  --so-card: #FFFFFF;        /* kart, header, form alanı */
  --so-surface: #F4F5F6;     /* hafif dolgu (tablo başlığı, hover) */
  --so-white: #FFFFFF;       /* renkli zemin üstündeki metin */

  /* Metin */
  --so-heading: #17191D;
  --so-text: #17191D;
  --so-slate: #3A3E47;
  --so-muted: #5F646D;

  /* Çizgiler */
  --so-border: #E1E3E6;
  --so-border-strong: #C5C8CD;

  /* Antrasit bantlar (ters yüzey) */
  --so-inverse: #17191D;
  --so-inverse-2: #22252B;
  --so-inverse-deep: #0F1114;

  /* Otomotiv kırmızısı */
  --so-red: #D71920;
  --so-red-dark: #A5121A;
  --so-red-ink: #D71920;     /* kırmızı metin/ikon (koyu modda açılır) */
  --so-red-tint: #FBE9EA;
  --so-signal: #FF5A5F;      /* antrasit zemin üstünde okunur kırmızı */

  /* Petrol mavisi (ikincil vurgu) */
  --so-blue: #0B5FA5;
  --so-blue-tint: #E6F0FA;

  /* Semantik */
  --so-success: #1C8A4F;
  --so-success-bg: #E6F5ED;
  --so-warn: #8A5A00;
  --so-warn-bg: #FFF4DB;
  --so-star: #FFB020;

  --so-shadow-sm: 0 1px 2px rgba(15, 17, 20, 0.08);
  --so-shadow-md: 0 8px 24px rgba(15, 17, 20, 0.10);
  --so-shadow-lift: 0 14px 32px rgba(15, 17, 20, 0.18);

  /* Eski adlar (geriye dönük; yeni kodda rol adlarını kullanın) */
  --so-ink: var(--so-inverse);
  --so-black: var(--so-inverse-deep);
  --so-graphite: var(--so-inverse-2);

  /* Radius / gölge */
  --so-radius-sm: 6px;
  --so-radius-md: 10px;
  --so-radius-lg: 16px;
  --so-radius-full: 999px;

  /* Tipografi */
  --so-font: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --so-font-display: "Barlow Condensed", "Barlow", -apple-system, "Segoe UI", sans-serif;
  --so-fs-h1: 2.5rem;
  --so-fs-h2: 1.625rem;
  --so-fs-h3: 1.125rem;
  --so-fs-body: 0.9375rem;
  --so-fs-label: 0.8125rem;
  --so-fs-price: 1.375rem;

  /* Yerleşim */
  --so-topbar-h: 36px;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --so-bg: #0F1114;
  --so-card: #181B20;
  --so-surface: #1F2329;

  --so-heading: #F2F3F5;
  --so-text: #E6E8EB;
  --so-slate: #C3C7CE;
  --so-muted: #A3A8B1;

  --so-border: #2A2E35;
  --so-border-strong: #3A3F48;

  --so-inverse: #1F2329;
  --so-inverse-2: #2B3038;
  --so-inverse-deep: #0B0C0E;

  --so-red-ink: #FF6B70;
  --so-red-tint: #3A1A1D;

  --so-blue: #6BB6F2;
  --so-blue-tint: #13283C;

  --so-success: #4CC38A;
  --so-success-bg: #12301F;
  --so-warn: #F2C14E;
  --so-warn-bg: #3A2E10;

  --so-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --so-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --so-shadow-lift: 0 14px 32px rgba(0, 0, 0, 0.6);
}