/*
    ServisPoint renk degiskenleri (token) — TEK KAYNAK.
    Baska hicbir .css/.cshtml/.js dosyasinda renk kodu yazilmaz; yalniz var(--sp-...).
    ThemeTokenTests bu dosyayi okuyup 12 kombinasyonun kontrastini olcer; ColorLiteralScanTests
    baska dosyalarda renk kodu arar.

    <html> uzerinde:
      data-mode   : kullanici tercihi (light | dark | system)
      data-scheme : cozulmus mod (light | dark). "system" ise <head>'deki kucuk betik
                    prefers-color-scheme'e gore sayfa cizilmeden once yazar.
      data-accent : zumrut | lacivert-bakir | bakir | celik | antrasit | kurum

    Degerler kullanicinin onayladigi maketten (Paket 07). Kontrast icin ayarlananlar:
      --sp-field-border  (form alani kenarligi; tablodaki kenarlik zeminde 3:1'i gecmiyordu)
      --sp-brand koyu    #E5363C -> #DE3036 (rozetteki beyaz yazi 4.5:1 icin)
*/

/* --- Temel: acik mod (varsayilan) --- */
:root,
[data-scheme="light"] {
    color-scheme: light;

    --sp-page: #FAF9F5;
    --sp-surface: #FFFFFF;
    --sp-surface-raised: #FFFFFF;
    --sp-field: #F1EFE8;
    --sp-field-readonly: #E7E5DD;
    --sp-row-alt: #FAF9F5;

    --sp-text: #2C2C2A;
    --sp-text-muted: #5F5E5A;
    --sp-text-subtle: #6B6A65;

    --sp-border: #D3D1C7;
    --sp-border-strong: #B4B2A9;
    --sp-field-border: #8C8A82;

    --sp-topbar-bg: #2C2C2A;
    --sp-topbar-text: #D3D1C7;
    --sp-topbar-muted: #B4B2A9;
    --sp-topbar-strong: #FFFFFF;
    --sp-topbar-border: #5F5E5A;
    --sp-topbar-hover: #444441;
    --sp-topbar-menu: #3A3A37;
    --sp-topbar-sub: #232321;

    --sp-brand: #CC0000;
    --sp-on-brand: #FFFFFF;

    --sp-danger: #A32D2D;
    --sp-danger-tint: #FCEBEB;
    --sp-danger-ink: #A32D2D;
    --sp-danger-border: #F09595;

    --sp-success: #1D6B52;
    --sp-success-tint: #EAF6F0;
    --sp-success-ink: #1D6B52;
    --sp-success-border: #9ED3BC;

    --sp-warning: #8A6116;
    --sp-warning-tint: #FFF6E5;
    --sp-warning-ink: #8A6116;
    --sp-warning-border: #F0C36D;
    /* Paket 18: bilgi (mavi; asama "Musavirde" vb.) ve kategori (mor; "Ayri surec") tonlari. Anlam rengi degil, durum bilgisi. */
    --sp-info-tint: #E8F0FB;
    --sp-info-ink: #1D4F91;
    --sp-info-border: #9DBBE6;
    --sp-category-tint: #F1EAFB;
    --sp-category-ink: #5B3A8E;
    --sp-category-border: #C3AEE6;

    --sp-overlay: rgba(0, 0, 0, 0.45);
    --sp-shadow: rgba(0, 0, 0, 0.12);

    /* Varsayilan renk: Zumrut (acik). */
    --sp-primary: #0F5C57;
    --sp-primary-hover: #0C4B47;
    --sp-on-primary: #FFFFFF;
    --sp-accent: #0F5C57;
    --sp-accent-tint: #E2EBEB;
    --sp-accent-ink: #0B423F;
    --sp-topbar-focus: #5CC2B6;
}

/* --- Temel: koyu mod --- */
[data-scheme="dark"] {
    color-scheme: dark;

    --sp-page: #1C1B19;
    --sp-surface: #252422;
    --sp-surface-raised: #2E2D2A;
    --sp-field: #2F2E2B;
    --sp-field-readonly: #2A2926;
    --sp-row-alt: #2A2926;

    --sp-text: #EDEBE4;
    --sp-text-muted: #B4B2A9;
    --sp-text-subtle: #9C9A92;

    --sp-border: #3D3B37;
    --sp-border-strong: #5A5853;
    --sp-field-border: #7A7872;

    --sp-topbar-bg: #121210;
    --sp-topbar-text: #D3D1C7;
    --sp-topbar-muted: #B4B2A9;
    --sp-topbar-strong: #FFFFFF;
    --sp-topbar-border: #3D3B37;
    --sp-topbar-hover: #2A2926;
    --sp-topbar-menu: #1F1E1C;
    --sp-topbar-sub: #0B0B0A;

    --sp-brand: #DE3036;
    --sp-on-brand: #FFFFFF;

    --sp-danger: #F08A8A;
    --sp-danger-tint: #3A2222;
    --sp-danger-ink: #F08A8A;
    --sp-danger-border: #6B3333;

    --sp-success: #7FD1AE;
    --sp-success-tint: #1B332A;
    --sp-success-ink: #7FD1AE;
    --sp-success-border: #2F5A48;

    --sp-warning: #E8C074;
    --sp-warning-tint: #3A3020;
    --sp-warning-ink: #E8C074;
    --sp-warning-border: #6B5A30;
    --sp-info-tint: #1C2A3D;
    --sp-info-ink: #9DC1F0;
    --sp-info-border: #34507A;
    --sp-category-tint: #2A2238;
    --sp-category-ink: #CDB6F2;
    --sp-category-border: #554075;

    --sp-overlay: rgba(0, 0, 0, 0.6);
    --sp-shadow: rgba(0, 0, 0, 0.5);

    --sp-primary: #5CC2B6;
    --sp-primary-hover: #79CDC3;
    --sp-on-primary: #0B2E2B;
    --sp-accent: #5CC2B6;
    --sp-accent-tint: #314743;
    --sp-accent-ink: #95D7D0;
    --sp-topbar-focus: #5CC2B6;
}

/*
    --- Renkler ---
    Her renk iki mod icin ayri deger tasir. Turetilenler:
      tint  : acik = vurgu %12 + beyaz; koyu = vurgu %22 + kart yuzeyi (#252422)
      ink   : etiket yazisi; acik = vurgunun koyu tonu (%72 + siyah); koyu = acik tonu (%65 + beyaz)
      hover : acik = ana %82 + siyah; koyu = ana %82 + beyaz
      topbar-focus : ust bar her modda koyu; odak cercevesi rengin koyu-mod tonuyla
*/
[data-accent="zumrut"][data-scheme="light"] {
    --sp-primary: #0F5C57; --sp-primary-hover: #0C4B47; --sp-on-primary: #FFFFFF;
    --sp-accent: #0F5C57; --sp-accent-tint: #E2EBEB; --sp-accent-ink: #0B423F; --sp-topbar-focus: #5CC2B6;
}
[data-accent="zumrut"][data-scheme="dark"] {
    --sp-primary: #5CC2B6; --sp-primary-hover: #79CDC3; --sp-on-primary: #0B2E2B;
    --sp-accent: #5CC2B6; --sp-accent-tint: #314743; --sp-accent-ink: #95D7D0; --sp-topbar-focus: #5CC2B6;
}

[data-accent="lacivert-bakir"][data-scheme="light"] {
    --sp-primary: #1F3A5F; --sp-primary-hover: #19304E; --sp-on-primary: #FFFFFF;
    --sp-accent: #A8653A; --sp-accent-tint: #F5EDE7; --sp-accent-ink: #79492A; --sp-topbar-focus: #D9A077;
}
[data-accent="lacivert-bakir"][data-scheme="dark"] {
    --sp-primary: #8FB2DE; --sp-primary-hover: #A3C0E4; --sp-on-primary: #0F2238;
    --sp-accent: #D9A077; --sp-accent-tint: #4D3F35; --sp-accent-ink: #E6C1A7; --sp-topbar-focus: #D9A077;
}

[data-accent="bakir"][data-scheme="light"] {
    --sp-primary: #A8653A; --sp-primary-hover: #8A5330; --sp-on-primary: #FFFFFF;
    --sp-accent: #A8653A; --sp-accent-tint: #F5EDE7; --sp-accent-ink: #79492A; --sp-topbar-focus: #D9A077;
}
[data-accent="bakir"][data-scheme="dark"] {
    --sp-primary: #D9A077; --sp-primary-hover: #E0B18F; --sp-on-primary: #3A2210;
    --sp-accent: #D9A077; --sp-accent-tint: #4D3F35; --sp-accent-ink: #E6C1A7; --sp-topbar-focus: #D9A077;
}

[data-accent="celik"][data-scheme="light"] {
    --sp-primary: #3F5566; --sp-primary-hover: #344654; --sp-on-primary: #FFFFFF;
    --sp-accent: #3F5566; --sp-accent-tint: #E8EBED; --sp-accent-ink: #2D3D49; --sp-topbar-focus: #9DB4C6;
}
[data-accent="celik"][data-scheme="dark"] {
    --sp-primary: #9DB4C6; --sp-primary-hover: #AFC2D0; --sp-on-primary: #1A2630;
    --sp-accent: #9DB4C6; --sp-accent-tint: #3F4446; --sp-accent-ink: #BFCEDA; --sp-topbar-focus: #9DB4C6;
}

[data-accent="antrasit"][data-scheme="light"] {
    --sp-primary: #2C2C2A; --sp-primary-hover: #242422; --sp-on-primary: #FFFFFF;
    --sp-accent: #2C2C2A; --sp-accent-tint: #E6E6E5; --sp-accent-ink: #20201E; --sp-topbar-focus: #D3D1C7;
}
[data-accent="antrasit"][data-scheme="dark"] {
    --sp-primary: #D3D1C7; --sp-primary-hover: #DBD9D1; --sp-on-primary: #1C1B19;
    --sp-accent: #D3D1C7; --sp-accent-tint: #4B4A46; --sp-accent-ink: #E2E1DB; --sp-topbar-focus: #D3D1C7;
}

[data-accent="kurum"][data-scheme="light"] {
    --sp-primary: #CC0000; --sp-primary-hover: #A70000; --sp-on-primary: #FFFFFF;
    --sp-accent: #CC0000; --sp-accent-tint: #F9E0E0; --sp-accent-ink: #930000; --sp-topbar-focus: #F07378;
}
[data-accent="kurum"][data-scheme="dark"] {
    --sp-primary: #F07378; --sp-primary-hover: #F38C90; --sp-on-primary: #2B0B0C;
    --sp-accent: #F07378; --sp-accent-tint: #523535; --sp-accent-ink: #F5A4A7; --sp-topbar-focus: #F07378;
}

/* Renk secici daireleri (tercih menusu, stil rehberi): secili modun (data-scheme) ana tonu.
   Cerceve sp-app.css'te --sp-field-border ile (her iki modda >= 3:1). */
[data-swatch="zumrut"] { --sp-swatch: #0F5C57; --sp-swatch-2: #0F5C57; }
[data-swatch="lacivert-bakir"] { --sp-swatch: #1F3A5F; --sp-swatch-2: #A8653A; }
[data-swatch="bakir"] { --sp-swatch: #A8653A; --sp-swatch-2: #A8653A; }
[data-swatch="celik"] { --sp-swatch: #3F5566; --sp-swatch-2: #3F5566; }
[data-swatch="antrasit"] { --sp-swatch: #2C2C2A; --sp-swatch-2: #2C2C2A; }
[data-swatch="kurum"] { --sp-swatch: #CC0000; --sp-swatch-2: #CC0000; }
[data-scheme="dark"] [data-swatch="zumrut"] { --sp-swatch: #5CC2B6; --sp-swatch-2: #5CC2B6; }
[data-scheme="dark"] [data-swatch="lacivert-bakir"] { --sp-swatch: #8FB2DE; --sp-swatch-2: #D9A077; }
[data-scheme="dark"] [data-swatch="bakir"] { --sp-swatch: #D9A077; --sp-swatch-2: #D9A077; }
[data-scheme="dark"] [data-swatch="celik"] { --sp-swatch: #9DB4C6; --sp-swatch-2: #9DB4C6; }
[data-scheme="dark"] [data-swatch="antrasit"] { --sp-swatch: #D3D1C7; --sp-swatch-2: #D3D1C7; }
[data-scheme="dark"] [data-swatch="kurum"] { --sp-swatch: #F07378; --sp-swatch-2: #F07378; }