/* Tema renkleri: tüm temalar MST yerleşimini (site.css) kullanır, yalnızca renkler değişir.
   Her tema üç ana rengi verir (--navy koyu zemin ve yazı, --blue birincil, --accent düğme);
   açık/koyu tonlar bu üç renkten türetilir. data-palette olmayan site (klasik) site.css'teki özgün MST renklerini kullanır. */
html[data-palette] {
  --text: var(--navy);
  --navy-2: color-mix(in srgb, var(--navy) 88%, #fff);
  --blue-d: color-mix(in srgb, var(--blue) 80%, #000);
  --blue-soft: color-mix(in srgb, var(--blue) 10%, #fff);
  --accent-d: color-mix(in srgb, var(--accent) 85%, #000);
  --accent-soft: color-mix(in srgb, var(--accent) 9%, #fff);
  --bg-2: color-mix(in srgb, var(--navy) 4%, #fff);
  --card-2: color-mix(in srgb, var(--navy) 7%, #fff);
  --line: color-mix(in srgb, var(--navy) 12%, #fff);
  --line-2: color-mix(in srgb, var(--navy) 19%, #fff);
  --muted: color-mix(in srgb, var(--navy) 72%, #fff);
  --dim: color-mix(in srgb, var(--navy) 50%, #fff);
  --shadow: 0 10px 30px -12px color-mix(in srgb, var(--navy) 25%, transparent);
  /* site.css'teki MST tonlarının karşılıkları (ana renklerden türetilir) */
  --p-13283a-35: color-mix(in srgb, var(--navy) 35%, transparent);
  --p-13283a-92: color-mix(in srgb, var(--navy) 92%, transparent);
  --p-13283a-78: color-mix(in srgb, var(--navy) 78%, transparent);
  --p-13283a-75: color-mix(in srgb, var(--navy) 75%, transparent);
  --p-0a1624: color-mix(in srgb, var(--navy) 59%, #000);
  --p-0a1624-55: color-mix(in srgb, var(--p-0a1624) 55%, transparent);
  --p-0a1624-35: color-mix(in srgb, var(--p-0a1624) 35%, transparent);
  --p-0c1826: color-mix(in srgb, var(--navy) 64%, #000);
  --p-0c1826-55: color-mix(in srgb, var(--p-0c1826) 55%, transparent);
  --p-13283a-50: color-mix(in srgb, var(--navy) 50%, transparent);
  --p-13283a-80: color-mix(in srgb, var(--navy) 80%, transparent);
  --p-0a141e: color-mix(in srgb, var(--navy) 51%, #000);
  --p-0a141e-95: color-mix(in srgb, var(--p-0a141e) 95%, transparent);
  --p-006d9b-80: color-mix(in srgb, var(--blue-d) 80%, transparent);
  --p-13283a-45: color-mix(in srgb, var(--navy) 45%, transparent);
  --p-13283a-18: color-mix(in srgb, var(--navy) 18%, transparent);
  --p-13283a-8: color-mix(in srgb, var(--navy) 8%, transparent);
  --p-13283a-4: color-mix(in srgb, var(--navy) 4%, transparent);
  --p-e86800-75: color-mix(in srgb, var(--accent) 75%, transparent);
  --p-e86800-85: color-mix(in srgb, var(--accent) 85%, transparent);
  --p-081420: color-mix(in srgb, var(--navy) 53%, #000);
  --p-081420-45: color-mix(in srgb, var(--p-081420) 45%, transparent);
  --p-0088c0-15: color-mix(in srgb, var(--blue) 15%, transparent);
  --p-0088c0-80: color-mix(in srgb, var(--blue) 80%, transparent);
  --p-e86800-80: color-mix(in srgb, var(--accent) 80%, transparent);
  --p-0088c0-45: color-mix(in srgb, var(--blue) 45%, transparent);
  --p-e86800-32: color-mix(in srgb, var(--accent) 32%, transparent);
  --p-0088c0-12: color-mix(in srgb, var(--blue) 12%, transparent);
  --p-0088c0-22: color-mix(in srgb, var(--blue) 22%, transparent);
  --p-e86800-14: color-mix(in srgb, var(--accent) 14%, transparent);
  --p-0088c0-60: color-mix(in srgb, var(--blue) 60%, transparent);
  --p-0088c0-35: color-mix(in srgb, var(--blue) 35%, transparent);
  --p-0a1d2d: color-mix(in srgb, var(--navy) 74%, #000);
  --p-0a1d2d-90: color-mix(in srgb, var(--p-0a1d2d) 90%, transparent);
  --p-f28c28: color-mix(in srgb, var(--accent) 82%, #fff);
  --p-f28c28-55: color-mix(in srgb, var(--p-f28c28) 55%, transparent);
  --p-0a1d2d-95: color-mix(in srgb, var(--p-0a1d2d) 95%, transparent);
  --p-f28c28-12: color-mix(in srgb, var(--p-f28c28) 12%, transparent);
  --p-f07a12: color-mix(in srgb, var(--accent) 92%, #fff);
  --p-f07a12-75: color-mix(in srgb, var(--p-f07a12) 75%, transparent);
  --p-0088c0-55: color-mix(in srgb, var(--blue) 55%, transparent);
  --p-e86800-65: color-mix(in srgb, var(--accent) 65%, transparent);
  --p-13283a-6: color-mix(in srgb, var(--navy) 6%, transparent);
  --p-e86800-8: color-mix(in srgb, var(--accent) 8%, transparent);
  --p-e86800-70: color-mix(in srgb, var(--accent) 70%, transparent);
  --p-c9d5e0: color-mix(in srgb, var(--navy) 20%, #fff);
  --p-ffd8b5: color-mix(in srgb, var(--accent) 28%, #fff);
  --p-d9effa: color-mix(in srgb, var(--blue) 14%, #fff);
  --p-f7f9fb: color-mix(in srgb, var(--navy) 3%, #fff);
  --p-9aa8b5: color-mix(in srgb, var(--navy) 41%, #fff);
  --p-3b4d5e: color-mix(in srgb, var(--navy) 83%, #fff);
  --p-8fd3f2: color-mix(in srgb, var(--blue) 42%, #fff);
  --p-b8c7d4: color-mix(in srgb, var(--navy) 26%, #fff);
  --p-93a6b7: color-mix(in srgb, var(--navy) 42%, #fff);
  --p-ffb36b: color-mix(in srgb, var(--accent) 56%, #fff);
  --p-e0f2fb: color-mix(in srgb, var(--blue) 12%, #fff);
  --p-d3dde6: color-mix(in srgb, var(--navy) 16%, #fff);
  --p-f6c9a3: color-mix(in srgb, var(--accent) 36%, #fff);
  --p-fff7ef: color-mix(in srgb, var(--accent) 6%, #fff);
  --p-f6dcc4: color-mix(in srgb, var(--accent) 23%, #fff);
  --p-9aa6b2: color-mix(in srgb, var(--navy) 41%, #fff);
  --p-dfe7ee: color-mix(in srgb, var(--navy) 11%, #fff);
  --p-2f4152: color-mix(in srgb, var(--navy) 88%, #fff);
  --p-f6f8fa: color-mix(in srgb, var(--navy) 3%, #fff);
  --p-eef2f6: color-mix(in srgb, var(--navy) 6%, #fff);
  --p-2b3742: color-mix(in srgb, var(--navy) 93%, #fff);
  --p-b9c5d0: color-mix(in srgb, var(--navy) 27%, #fff);
  --p-c4ced8: color-mix(in srgb, var(--navy) 23%, #fff);
  --p-b3bfca: color-mix(in srgb, var(--navy) 30%, #fff);
  --p-eef2f5: color-mix(in srgb, var(--navy) 6%, #fff);
  --p-6b7c8c: color-mix(in srgb, var(--navy) 61%, #fff);
  --p-0b1f30: color-mix(in srgb, var(--navy) 79%, #000);
  --p-b9c8d6: color-mix(in srgb, var(--navy) 26%, #fff);
  --p-f2a65a: color-mix(in srgb, var(--accent) 63%, #fff);
  --p-dbe5ee: color-mix(in srgb, var(--navy) 12%, #fff);
  --p-23384b: color-mix(in srgb, var(--navy) 92%, #fff);
  --p-f58a1f: color-mix(in srgb, var(--accent) 85%, #fff);
  --p-cf5c00: color-mix(in srgb, var(--accent) 89%, #000);
  --p-1aa3e0: color-mix(in srgb, var(--blue) 86%, #fff);
  --p-00659a: color-mix(in srgb, var(--blue) 78%, #000);
  --p-f8a046: color-mix(in srgb, var(--accent) 70%, #fff);
  --p-c95800: color-mix(in srgb, var(--accent) 86%, #000);
  --p-0b1d2c: color-mix(in srgb, var(--navy) 74%, #000);
  --p-0d2335: color-mix(in srgb, var(--navy) 89%, #000);
  --p-091826: color-mix(in srgb, var(--navy) 63%, #000);
  --p-e6eef5: color-mix(in srgb, var(--blue) 11%, #fff);
  --p-5cc8f5: color-mix(in srgb, var(--blue) 59%, #fff);
  --p-b9c9d7: color-mix(in srgb, var(--navy) 26%, #fff);
  --p-c7d4df: color-mix(in srgb, var(--navy) 20%, #fff);
  --p-dfe4ea: color-mix(in srgb, var(--navy) 12%, #fff);
  --p-34485a: color-mix(in srgb, var(--navy) 85%, #fff);
  --p-8ea3b6: color-mix(in srgb, var(--navy) 43%, #fff);
  --p-0f2a40: color-mix(in srgb, var(--navy) 100%, #fff);
  --p-071522: color-mix(in srgb, var(--navy) 55%, #000);
  --p-a9bccb: color-mix(in srgb, var(--navy) 32%, #fff);
  --p-17384f: color-mix(in srgb, var(--navy) 94%, #fff);
  --p-0e2436: color-mix(in srgb, var(--navy) 91%, #000);
  --p-ffa448: color-mix(in srgb, var(--accent) 68%, #fff);
  --p-d96300: color-mix(in srgb, var(--accent) 94%, #000);
  --p-9fb6c8: color-mix(in srgb, var(--navy) 35%, #fff);
  --p-ffb15e: color-mix(in srgb, var(--accent) 60%, #fff);
  --p-d35f00: color-mix(in srgb, var(--accent) 91%, #000);
  --p-7b8c9c: color-mix(in srgb, var(--navy) 54%, #fff);
}
html[data-palette="atlas"]     { --navy: #14213d; --blue: #1d4e89; --accent: #a8801a; --gold: #d8b544; }
html[data-palette="nocturne"]  { --navy: #1d1a16; --blue: #7d6040; --accent: #96713f; --gold: #c9a46a; }
html[data-palette="velocity"]  { --navy: #111114; --blue: #3d3f46; --accent: #d10600; }
html[data-palette="nordic"]    { --navy: #2b2a27; --blue: #4f6f55; --accent: #5f7d63; }
html[data-palette="metro"]     { --navy: #0f1b2d; --blue: #0b66d6; --accent: #e5590f; }
html[data-palette="editorial"] { --navy: #151515; --blue: #9a1f19; --accent: #b3261e; }
html[data-palette="aurora"]    { --navy: #1b1640; --blue: #6d28d9; --accent: #c0267a; }
html[data-palette="heritage"]  { --navy: #3a1f1d; --blue: #7a1f2b; --accent: #97681c; }
html[data-palette="urban"]     { --navy: #18181b; --blue: #3f6212; --accent: #4d7c0f; }
html[data-palette="coastal"]   { --navy: #123a40; --blue: #0b7f7c; --accent: #d9533a; }