/* Ozman tasarım jetonları — TEK KAYNAK (Yazılım Standardı PLT-55, Ek C).
   Renk, yazı, ölçü ve dokunma değerleri yalnız bu dosyada yazılır; panel ve site buradan çağırır.
   Yeni renk eklenmez: yüzeyler palet renklerinin türevidir (color-mix). İşlev renkleri (PLT-58) ayrı katmandır.
   Tema: sistem tercihine göre otomatik; <html data-theme="light|dark"> ekrandan seçimi uygular (PLT-56). */
:root{
  /* --- marka paleti (Ek C.2) --- */
  --brand-primary:#0F2340; --brand-on-primary:#FFFFFF; --brand-text:#18202F; --brand-text-muted:#5D6577;
  --brand-accent:#B8894D; --brand-accent-strong:#9A6F38; --brand-surface:#FFFFFF; --brand-page:#F7F5F1;
  --brand-surface-2:#EFEBE4; --brand-border:#E2DDD4; --brand-focus:#0F2340;

  /* --- temadan bağımsız marka zeminleri (site kahraman alanı, alt bilgi) --- */
  --brand-deep:#0F2340; --brand-night:#0B1220; --on-deep:#FFFFFF;
  --on-deep-muted:color-mix(in srgb,var(--on-deep) 84%,var(--brand-deep));
  --on-deep-faint:color-mix(in srgb,var(--on-deep) 58%,var(--brand-night));
  --deep-line:color-mix(in srgb,var(--on-deep) 14%,var(--brand-night));
  --deep-2:color-mix(in srgb,var(--brand-deep) 80%,var(--on-deep) 12%);
  --accent-on-deep:color-mix(in srgb,#D2A468 70%,var(--on-deep));
  --on-accent:color-mix(in srgb,var(--brand-night) 92%,#B8894D);
  --shadow-soft:0 10px 30px color-mix(in srgb,var(--brand-deep) 9%,transparent);
  --shadow-deep:0 20px 40px color-mix(in srgb,var(--brand-night) 28%,transparent);
  --scrim:color-mix(in srgb,var(--brand-night) 60%,transparent);

  /* --- çalışan ekranı (panel) yüzeyleri --- */
  --ui-bg:#F4F5F8; --ui-card:#FFFFFF; --ui-side:#0B1A33; --ui-text:#16213A; --ui-muted:#5D6880;
  --ui-line:#E3E6EE; --ui-accent:#C8A27A;
  --ui-side-text:color-mix(in srgb,var(--ui-card) 86%,var(--ui-side));
  --ui-side-muted:color-mix(in srgb,var(--ui-card) 55%,var(--ui-side));
  --ui-side-line:color-mix(in srgb,var(--ui-card) 10%,var(--ui-side));
  --ui-side-hover:color-mix(in srgb,var(--ui-card) 8%,var(--ui-side));
  --ui-side-on:color-mix(in srgb,var(--ui-card) 16%,var(--ui-side));
  --ui-track:color-mix(in srgb,var(--ui-muted) 14%,var(--ui-card));
  --ui-hover:color-mix(in srgb,var(--ui-muted) 9%,transparent);
  --ui-selected:color-mix(in srgb,var(--ui-accent) 24%,transparent);
  --ui-scrim:color-mix(in srgb,var(--ui-side) 55%,transparent);
  --ui-shadow:0 8px 24px color-mix(in srgb,var(--ui-side) 12%,transparent);

  /* --- işlev renkleri: yalnız çalışan ekranında, yalnız anlam için (Ek C.4) --- */
  --status-error:#B00020;   --status-error-fill:#E03131;
  --status-warning:#8A5A00; --status-warning-fill:#D9480F;
  --status-success:#1E6B3A; --status-success-fill:#2B8A3E;
  --status-info:#0B6E99;    --status-info-fill:#1971C2;
  --status-neutral:var(--ui-muted); --status-neutral-fill:color-mix(in srgb,var(--ui-muted) 60%,var(--ui-card));

  /* --- tipografi (Ek C.3) --- */
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic",sans-serif;
  --font-head:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --font-mono:ui-monospace,Menlo,Consolas,monospace;
  --fs-display:32px; --lh-display:40px; --fs-h1:28px; --lh-h1:36px; --fs-h2:22px; --lh-h2:28px;
  --fs-h3:18px; --lh-h3:24px; --fs-body:16px; --lh-body:24px; --fs-small:14px; --lh-small:20px;
  --fs-label:12px; --lh-label:16px;

  /* --- ergonomi (Ek C.5) --- */
  --touch:48px; --touch-primary:56px; --gap-touch:8px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  --r-card:8px; --r-btn:6px; --r-pill:999px; --focus-ring:2px;
  --motion:200ms; --side-w:248px;
  /* genişlik eşikleri (PLT-56): telefon < 600 · tablet 600–1024 · masaüstü > 1024
     CSS ortam sorguları değişken okuyamadığı için bileşen dosyaları bu sayıları birebir kullanır. */
  --bp-tablet:600px; --bp-desktop:1024px;
  color-scheme:light dark;
}

/* --- koyu tema: sistem tercihi (ekrandan "açık" seçilmediyse) --- */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --brand-primary:#E9EDF5; --brand-on-primary:#0B1220; --brand-text:#E9EDF5; --brand-text-muted:#9AA5BB;
  --brand-accent:#D2A468; --brand-accent-strong:#E3B97F; --brand-surface:#111A2C; --brand-page:#0B1220;
  --brand-surface-2:#16213A; --brand-border:#22304D; --brand-focus:#D2A468;
  --ui-bg:#0A1427; --ui-card:#0F1D38; --ui-text:#E7ECF6; --ui-muted:#93A0BA; --ui-line:#1F2F52;
  --ui-side-text:color-mix(in srgb,var(--ui-text) 88%,var(--ui-side));
  --ui-side-muted:color-mix(in srgb,var(--ui-text) 58%,var(--ui-side));
  --ui-side-line:color-mix(in srgb,var(--ui-text) 10%,var(--ui-side));
  --ui-side-hover:color-mix(in srgb,var(--ui-text) 8%,var(--ui-side));
  --ui-side-on:color-mix(in srgb,var(--ui-text) 16%,var(--ui-side));
  --status-error:#FA5252; --status-error-fill:#FA5252; --status-warning:#FFA94D; --status-warning-fill:#FFA94D;
  --status-success:#51CF66; --status-success-fill:#51CF66; --status-info:#4DABF7; --status-info-fill:#4DABF7;
}}
/* --- koyu tema: ekrandan seçildi --- */
:root[data-theme="dark"]{
  --brand-primary:#E9EDF5; --brand-on-primary:#0B1220; --brand-text:#E9EDF5; --brand-text-muted:#9AA5BB;
  --brand-accent:#D2A468; --brand-accent-strong:#E3B97F; --brand-surface:#111A2C; --brand-page:#0B1220;
  --brand-surface-2:#16213A; --brand-border:#22304D; --brand-focus:#D2A468;
  --ui-bg:#0A1427; --ui-card:#0F1D38; --ui-text:#E7ECF6; --ui-muted:#93A0BA; --ui-line:#1F2F52;
  --ui-side-text:color-mix(in srgb,var(--ui-text) 88%,var(--ui-side));
  --ui-side-muted:color-mix(in srgb,var(--ui-text) 58%,var(--ui-side));
  --ui-side-line:color-mix(in srgb,var(--ui-text) 10%,var(--ui-side));
  --ui-side-hover:color-mix(in srgb,var(--ui-text) 8%,var(--ui-side));
  --ui-side-on:color-mix(in srgb,var(--ui-text) 16%,var(--ui-side));
  --status-error:#FA5252; --status-error-fill:#FA5252; --status-warning:#FFA94D; --status-warning-fill:#FFA94D;
  --status-success:#51CF66; --status-success-fill:#51CF66; --status-info:#4DABF7; --status-info-fill:#4DABF7;
  color-scheme:dark;
}
:root[data-theme="light"]{color-scheme:light}
@media (prefers-reduced-motion:reduce){:root{--motion:0ms}}