/*
 * Helm tasarım belirteçleri (helm-tokens)
 * ------------------------------------------------------------------
 * Yalnız renk / ölçü değişkenleri (açık ve koyu). Öğe stili içermez.
 * Views/Shared/_ThemeHead.cshtml üzerinden HER sayfaya yüklenir: panel sayfaları
 * (_Layoutt) ve layout kullanmayan bağımsız sayfalar (giriş, müşteri portalı,
 * durum sayfası, bilgi bankası, imza, mutabakat yanıtı...) aynı değişkenleri görür.
 * Öğe stilleri (Bootstrap bileşenleri, başlıklar, formlar) css/design/helm-ds.css içinde.
 */

:root {
    /* Vurgu (temadan) */
    --ds-accent: var(--primary, #2e4156);
    --ds-accent-hover: color-mix(in srgb, var(--ds-accent) 86%, #000);
    --ds-accent-soft: color-mix(in srgb, var(--ds-accent) 9%, #fff);
    --ds-accent-line: color-mix(in srgb, var(--ds-accent) 28%, #fff);
    --ds-on-accent: #ffffff;
    /* Durum renkli (tehlike/başarı/uyarı) dolu zemin üstündeki yazı. */
    --ds-on-status: #ffffff;

    /* Nötrler */
    --ds-page: #f5f7fa;
    --ds-surface: #ffffff;
    --ds-surface-2: #f8fafc;
    --ds-surface-hover: #f1f5f9;
    --ds-line: #e2e8f0;
    --ds-line-strong: #cbd5e1;
    --ds-text: #0f172a;
    --ds-text-2: #334155;
    --ds-muted: #64748b;
    /* Üçüncül metin (tarih, alt bilgi, üst etiket): beyaz ve sayfa zemininde en az ~4:1 kontrast. */
    --ds-faint: #737f93;

    /* Durum renkleri */
    --ds-success: #15803d;
    --ds-success-soft: #ecfdf3;
    --ds-warning: #b54708;
    --ds-warning-soft: #fffaeb;
    --ds-danger: #b42318;
    --ds-danger-soft: #fef3f2;
    --ds-info: #1d4ed8;
    --ds-info-soft: #eff6ff;

    /* Ölçüler */
    --ds-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ds-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;
    --ds-radius-sm: 6px;
    --ds-radius: 8px;
    --ds-radius-lg: 12px;
    --ds-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --ds-shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
    --ds-shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, .18), 0 4px 8px -4px rgba(15, 23, 42, .08);
    --ds-focus: 0 0 0 3px color-mix(in srgb, var(--ds-accent) 22%, transparent);
    --ds-control-h: 38px;
    --ds-ease: cubic-bezier(.2, .7, .2, 1);
}

html[data-color-scheme="dark"],
html[data-theme="dark"] {
    /* Temanın açık tonu (system-theme.css --primary-light); koyu zeminde okunur, üstünde koyu metin. */
    --ds-accent: color-mix(in srgb, var(--primary-light, #94a3b8) 82%, #ffffff);
    --ds-accent-hover: color-mix(in srgb, var(--ds-accent) 88%, #ffffff);
    --ds-accent-soft: color-mix(in srgb, var(--primary, #2e4156) 24%, #0f1726);
    --ds-accent-line: color-mix(in srgb, var(--primary, #2e4156) 45%, #0f1726);
    --ds-on-accent: #0b1220;
    --ds-on-status: #0b1220;

    --ds-page: #0b1120;
    --ds-surface: #111a2b;
    --ds-surface-2: #0f1726;
    --ds-surface-hover: #172235;
    --ds-line: #223049;
    --ds-line-strong: #33445f;
    --ds-text: #e6edf7;
    --ds-text-2: #c3cedd;
    --ds-muted: #8fa0b7;
    --ds-faint: #8391a7;

    --ds-success: #4ade80;
    --ds-success-soft: rgba(34, 197, 94, .12);
    --ds-warning: #fbbf24;
    --ds-warning-soft: rgba(245, 158, 11, .12);
    --ds-danger: #f87171;
    --ds-danger-soft: rgba(239, 68, 68, .12);
    --ds-info: #93c5fd;
    --ds-info-soft: rgba(59, 130, 246, .12);

    --ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --ds-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    --ds-shadow-lg: 0 16px 40px -8px rgba(0, 0, 0, .55);
    color-scheme: dark;
}