/* ============================================================
   Atölye tasarım dili — ortak yazı tipleri ve token'lar
   Kaynak: Fotoğraf Simülatörü (koyu lacivert zemin, cam yüzeyler,
   camgöbeği vurgu, Outfit + DM Mono). Tüm uygulamalar bu dosyayı
   önce yükler, sonra kendi tema katmanını ekler.
   Yazı tipleri SIL Open Font License 1.1 (fonts/OFL-*.txt).
   ============================================================ */

@font-face{font-family:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(fonts/outfit-latin-ext-wght-normal.woff2) format("woff2-variations"),url(fonts/outfit-latin-ext-wght-normal.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:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(fonts/outfit-latin-wght-normal.woff2) format("woff2-variations"),url(fonts/outfit-latin-wght-normal.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}
@font-face{font-family:"DM Mono";font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/dm-mono-latin-ext-400-normal.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:"DM Mono";font-style:normal;font-display:swap;font-weight:400;
  src:url(fonts/dm-mono-latin-400-normal.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}
@font-face{font-family:"DM Mono";font-style:normal;font-display:swap;font-weight:500;
  src:url(fonts/dm-mono-latin-ext-500-normal.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:"DM Mono";font-style:normal;font-display:swap;font-weight:500;
  src:url(fonts/dm-mono-latin-500-normal.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{
  /* Zemin ve yüzeyler */
  --atl-bg:#0b0f1a;          /* sayfa zemini */
  --atl-bg-2:#0d1220;        /* çubuklar, alt zemin */
  --atl-surface:#141a2a;     /* kart, panel */
  --atl-surface-2:#1a2133;   /* açılır menü, iç kutu */
  --atl-glass:linear-gradient(150deg,#141a2ae8,#0d1220e3);
  --atl-hover:#ffffff14;
  --atl-hover-2:#ffffff24;
  --atl-press:#ffffff0c;
  --atl-fill:#ffffff12;      /* ikincil düğme zemini */
  --atl-chip:#ffffff08;      /* çip zemini */
  --atl-chip-line:#ffffff10;
  --atl-field:#0b101c;       /* giriş alanı */
  --atl-well:#070a13;        /* görsel ve çerçeve kuyusu */
  --atl-overlay:#0b1020db;   /* görsel üstü etiket */
  --atl-shot-fade:#0b0f1acc; /* önizleme görselinin alt geçişi */
  --atl-stat-bg:#0d1220c4;   /* istatistik ve sıra çipi */
  --atl-backdrop:#05070fa8;  /* pencere arkası */
  --atl-scroll:#ffffff24;
  --atl-scroll-hover:#ffffff40;
  --atl-line:#ffffff1c;      /* ince çizgi */
  --atl-line-2:#ffffff30;    /* belirgin çizgi */
  /* Metin */
  --atl-text:#eef2fa;
  --atl-text-2:#c3cadc;
  --atl-text-3:#9ea8c2;      /* ikincil, etiket */
  --atl-text-4:#8d97b3;
  --atl-text-5:#7a849e;      /* bölüm etiketi, ipucu (yüzeyde 4.6:1) */
  --atl-strong:#ffffff;      /* en parlak metin: istatistik değeri */
  --atl-heading-sub:#dfe6f5; /* büyük başlığın üst satırı */
  --atl-lede:#c7cee0;        /* giriş paragrafı */
  --atl-seg-on:#eef4ff;      /* segment: seçili düğme zemini */
  --atl-seg-on-ink:#101626;
  /* Vurgu ve anlam renkleri */
  --atl-cyan:#7fe3ff;        /* birincil vurgu, odak, seçili */
  --atl-cyan-ink:#122132;    /* camgöbeği üstündeki yazı */
  --atl-cyan-soft:#7fe3ff24; /* seçili zemin */
  --atl-cyan-line:#7fe3ff66; /* seçili kenar */
  --atl-cyan-glow:#7fe3ff22; /* üzerine gelince hale */
  --atl-cyan-text:#7fe3ff;   /* metin olarak camgöbeği (büyük başlık, değer) */
  --atl-cyan-on-soft:#e1faff;/* seçili zemin üstündeki yazı */
  --atl-cyan-sub:#a9def0;    /* seçili öğenin alt satırı */
  --atl-amber:#ffb454;
  --atl-green:#3ddc84;
  --atl-green-soft:#3ddc840f;
  --atl-green-line:#3ddc8440;
  --atl-green-sub:#9fe9bf;
  --atl-red:#ff6b6b;
  /* Uygulama imza renkleri (yalnızca menü noktası ve kart işareti) */
  --atl-app-piksel:#a99bff;
  --atl-app-iz:#3ddc84;
  --atl-app-studyo:#ffb454;
  --atl-app-foto:#7fe3ff;
  --atl-app-tarih:#ff8e72;
  --atl-app-ilkeler:#f28ad0;
  /* Yazı */
  --atl-font:"Outfit","Segoe UI",Arial,sans-serif;
  --atl-mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
  /* Biçim */
  --atl-r-sm:8px;
  --atl-r-md:11px;
  --atl-r-lg:16px;
  --atl-r-xl:20px;
  --atl-shadow:0 18px 50px -20px #000a;
  --atl-shadow-lg:0 30px 80px #000a;
  --atl-text-shadow:0 2px 18px #000a;
  --atl-atmos-1:#7fe3ff14;   /* sahne ışığı */
  --atl-atmos-2:#ffb4540a;
  --atl-vignette:#04060cb0;
  --atl-blur:14px;
  --atl-ease:cubic-bezier(.2,.8,.2,1);
  /* Boşluk ölçeği (4 px taban) */
  --atl-s-1:4px; --atl-s-2:8px; --atl-s-3:12px; --atl-s-4:16px; --atl-s-5:24px; --atl-s-6:32px; --atl-s-7:48px;
  color-scheme:dark;
}

/* ---- Gündüz modu ----
   tema.js kökte data-atl-mod="gunduz" ya da "gece" ayarlar (Otomatik: sistem ayarı).
   Aynı token adları açık değerlerle yeniden tanımlanır; bileşenler değişmez. */
:root[data-atl-mod="gunduz"]{
  --atl-bg:#eef2f8;
  --atl-bg-2:#e6ebf3;
  --atl-surface:#ffffff;
  --atl-surface-2:#f4f6fb;
  --atl-glass:linear-gradient(150deg,#ffffffeb,#f5f8fde6);
  --atl-hover:#0b0f1a0d;
  --atl-hover-2:#0b0f1a17;
  --atl-press:#0b0f1a14;
  --atl-fill:#0b0f1a0b;
  --atl-chip:#0b0f1a06;
  --atl-chip-line:#0b0f1a14;
  --atl-field:#ffffff;
  --atl-well:#dfe5ee;
  --atl-overlay:#ffffffe6;
  --atl-shot-fade:#eef2f899;
  --atl-stat-bg:#fffffff0;
  --atl-backdrop:#1a2a4a59;
  --atl-scroll:#0b0f1a2e;
  --atl-scroll-hover:#0b0f1a4d;
  --atl-line:#0b0f1a1a;
  --atl-line-2:#0b0f1a30;
  --atl-text:#0e1422;
  --atl-text-2:#2f384b;
  --atl-text-3:#4a5468;
  --atl-text-4:#586279;
  --atl-text-5:#5f6980;      /* zeminde 4.9:1 */
  --atl-strong:#0b0f1a;
  --atl-heading-sub:#2f384b;
  --atl-lede:#3a4458;
  --atl-seg-on:#0e1422;
  --atl-seg-on-ink:#ffffff;
  --atl-cyan:#0a7ca5;        /* dolgu: beyaz yazıyla 4.7:1 */
  --atl-cyan-ink:#ffffff;
  --atl-cyan-soft:#0a7ca51c;
  --atl-cyan-line:#0a7ca566;
  --atl-cyan-glow:#0a7ca526;
  --atl-cyan-text:#07698c;   /* zeminde 5.5:1 */
  --atl-cyan-on-soft:#064e68;
  --atl-cyan-sub:#0a6d8f;
  --atl-amber:#a85f00;
  --atl-green:#126b3a;        /* zeminde 5.6:1 */
  --atl-green-soft:#157a420d;
  --atl-green-line:#157a4240;
  --atl-green-sub:#126b3a;
  --atl-red:#c23737;
  --atl-app-piksel:#6b5bd6;
  --atl-app-iz:#1f9d57;
  --atl-app-studyo:#d27c00;
  --atl-app-foto:#0a8fbf;
  --atl-app-tarih:#c2462c;
  --atl-app-ilkeler:#b0368a;
  --atl-shadow:0 18px 50px -24px #1a2a4a40;
  --atl-shadow-lg:0 30px 80px -10px #1a2a4a40;
  --atl-text-shadow:none;
  --atl-atmos-1:#0a7ca512;
  --atl-atmos-2:#d27c000d;
  --atl-vignette:#1a2a4a14;
  color-scheme:light;
}