/**
 * Magaza temalari - Admin > Tema ayari (store_theme).
 * Tum renkler CSS degiskenleri ile kontrol edilir.
 */

body[data-theme="dark"] {
  /* store.css :root ile ayni varsayilan */
}

body[data-theme="noir"] {
  --bg: #06070b;
  --bg-elevated: #0d1016;
  --surface: #131823;
  --border: #273041;
  --text: #edf2ff;
  --muted: #93a0bc;
  --accent: #8fb4ff;
  --store-promo-bg: #edf2ff;
  --store-promo-fg: #0d111a;
  --btn-bg: #edf2ff;
  --btn-fg: #0d111a;
  --btn-ghost-fg: #edf2ff;
  --btn-ghost-border: rgba(237, 242, 255, 0.36);
  --hero-overlay: linear-gradient(180deg, transparent 26%, rgba(8, 10, 16, 0.9));
  --footer-bg: #0b0f17;
  --card-media-bg: #0b0f15;
}

body[data-theme="ivory"] {
  --bg: #f8f4ec;
  --bg-elevated: #f0e9dd;
  --surface: #ffffff;
  --border: #d8cdbf;
  --text: #1e1913;
  --muted: #655c50;
  --accent: #7a5e3b;
  --store-promo-bg: #1e1913;
  --store-promo-fg: #f8f4ec;
  --btn-bg: #1e1913;
  --btn-fg: #f8f4ec;
  --btn-ghost-fg: #1e1913;
  --btn-ghost-border: rgba(30, 25, 19, 0.34);
  --hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(248, 244, 236, 0.92));
  --footer-bg: #ece2d3;
  --card-media-bg: #ece5da;
}

body[data-theme="bronze"] {
  --bg: #15100b;
  --bg-elevated: #1f1710;
  --surface: #2a2017;
  --border: #4a392b;
  --text: #f8ece0;
  --muted: #baa48f;
  --accent: #e2b27f;
  --store-promo-bg: #e2b27f;
  --store-promo-fg: #1a130d;
  --btn-bg: #f4dfc4;
  --btn-fg: #1a130d;
  --btn-ghost-fg: #f6e7d4;
  --btn-ghost-border: rgba(246, 231, 212, 0.34);
  --hero-overlay: linear-gradient(180deg, transparent 24%, rgba(21, 16, 11, 0.92));
  --footer-bg: #1b140e;
  --card-media-bg: #1a140f;
}

body[data-theme="ocean"] {
  --bg: #081721;
  --bg-elevated: #0d2231;
  --surface: #133045;
  --border: #29506b;
  --text: #e8f8ff;
  --muted: #8eb3c9;
  --accent: #66d1ff;
  --store-promo-bg: #66d1ff;
  --store-promo-fg: #082433;
  --btn-bg: #d6f3ff;
  --btn-fg: #092433;
  --btn-ghost-fg: #e8f8ff;
  --btn-ghost-border: rgba(232, 248, 255, 0.34);
  --hero-overlay: linear-gradient(180deg, transparent 24%, rgba(8, 23, 33, 0.92));
  --footer-bg: #0c1e2a;
  --card-media-bg: #0d2230;
}

body[data-theme="mono"] {
  --bg: #111111;
  --bg-elevated: #1b1b1b;
  --surface: #242424;
  --border: #3c3c3c;
  --text: #f5f5f5;
  --muted: #aaaaaa;
  --accent: #ffffff;
  --store-promo-bg: #f5f5f5;
  --store-promo-fg: #111111;
  --btn-bg: #f5f5f5;
  --btn-fg: #111111;
  --btn-ghost-fg: #f5f5f5;
  --btn-ghost-border: rgba(245, 245, 245, 0.34);
  --hero-overlay: linear-gradient(180deg, transparent 28%, rgba(12, 12, 12, 0.88));
  --footer-bg: #161616;
  --card-media-bg: #171717;
}

body[data-theme="forest"] {
  --bg: #08130d;
  --bg-elevated: #0f1f16;
  --surface: #173025;
  --border: #2d5140;
  --text: #ebf8f0;
  --muted: #88ab97;
  --accent: #72d39b;
  --store-promo-bg: #72d39b;
  --store-promo-fg: #0b1c13;
  --btn-bg: #d9f5e5;
  --btn-fg: #0c2016;
  --btn-ghost-fg: #ebf8f0;
  --btn-ghost-border: rgba(235, 248, 240, 0.34);
  --hero-overlay: linear-gradient(180deg, transparent 26%, rgba(8, 19, 13, 0.92));
  --footer-bg: #0d1a13;
  --card-media-bg: #102116;
}

body[data-theme="wine"] {
  --bg: #140a0d;
  --bg-elevated: #1d1015;
  --surface: #2b1720;
  --border: #4a2934;
  --text: #ffeff4;
  --muted: #c59cab;
  --accent: #ff8db3;
  --store-promo-bg: #ff8db3;
  --store-promo-fg: #260d15;
  --btn-bg: #ffe1ec;
  --btn-fg: #2a1018;
  --btn-ghost-fg: #ffeff4;
  --btn-ghost-border: rgba(255, 239, 244, 0.34);
  --hero-overlay: linear-gradient(180deg, transparent 24%, rgba(20, 10, 13, 0.92));
  --footer-bg: #1a0d12;
  --card-media-bg: #1b0d12;
}

body[data-theme="slate"] {
  --bg: #0c131c;
  --bg-elevated: #141e2c;
  --surface: #1c2a3e;
  --border: #30465f;
  --text: #edf4ff;
  --muted: #91a7c0;
  --accent: #89c7ff;
  --store-promo-bg: #89c7ff;
  --store-promo-fg: #102235;
  --btn-bg: #d9ecff;
  --btn-fg: #122538;
  --btn-ghost-fg: #edf4ff;
  --btn-ghost-border: rgba(237, 244, 255, 0.35);
  --hero-overlay: linear-gradient(180deg, transparent 24%, rgba(12, 19, 28, 0.92));
  --footer-bg: #101926;
  --card-media-bg: #122033;
}

body[data-theme="rose"] {
  --bg: #fff5f8;
  --bg-elevated: #fdebf1;
  --surface: #ffffff;
  --border: #ebcdd8;
  --text: #331a24;
  --muted: #846674;
  --accent: #d2698f;
  --store-promo-bg: #331a24;
  --store-promo-fg: #fff5f8;
  --btn-bg: #331a24;
  --btn-fg: #fff5f8;
  --btn-ghost-fg: #331a24;
  --btn-ghost-border: rgba(51, 26, 36, 0.34);
  --hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(255, 245, 248, 0.94));
  --footer-bg: #f9e1ea;
  --card-media-bg: #f3d8e3;
}

body[data-theme="midnight"] {
  --bg: #0e0b18;
  --bg-elevated: #161025;
  --surface: #211934;
  --border: #3a2f56;
  --text: #f3ebff;
  --muted: #b5a4d6;
  --accent: #c7adff;
  --store-promo-bg: #c7adff;
  --store-promo-fg: #1a1230;
  --btn-bg: #efe6ff;
  --btn-fg: #1a1230;
  --btn-ghost-fg: #f3ebff;
  --btn-ghost-border: rgba(243, 235, 255, 0.34);
  --hero-overlay: linear-gradient(180deg, transparent 24%, rgba(14, 11, 24, 0.92));
  --footer-bg: #130e22;
  --card-media-bg: #140f23;
}

body[data-theme="nord"] {
  --bg: #eef2f7;
  --bg-elevated: #e5ecf4;
  --surface: #ffffff;
  --border: #d3dce8;
  --text: #2f3b4c;
  --muted: #5e6e85;
  --accent: #4f79a7;
  --store-promo-bg: #2f3b4c;
  --store-promo-fg: #eef2f7;
  --btn-bg: #2f3b4c;
  --btn-fg: #eef2f7;
  --btn-ghost-fg: #2f3b4c;
  --btn-ghost-border: rgba(47, 59, 76, 0.33);
  --hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 36%, rgba(238, 242, 247, 0.94));
  --footer-bg: #dce5ef;
  --card-media-bg: #dbe4ef;
}

body[data-theme="graphite"] {
  --bg: #181a1e;
  --bg-elevated: #21252b;
  --surface: #2a2f36;
  --border: #404854;
  --text: #eff2f6;
  --muted: #a4acb8;
  --accent: #b6c2d3;
  --store-promo-bg: #eff2f6;
  --store-promo-fg: #1c2129;
  --btn-bg: #eff2f6;
  --btn-fg: #1c2129;
  --btn-ghost-fg: #eff2f6;
  --btn-ghost-border: rgba(239, 242, 246, 0.34);
  --hero-overlay: linear-gradient(180deg, transparent 28%, rgba(24, 26, 30, 0.9));
  --footer-bg: #1b1f25;
  --card-media-bg: #1f242b;
}

body[data-theme="sage"] {
  --bg: #f2f5ef;
  --bg-elevated: #e7ede2;
  --surface: #ffffff;
  --border: #cfd8c8;
  --text: #2e3a2f;
  --muted: #657466;
  --accent: #6e8c73;
  --store-promo-bg: #2e3a2f;
  --store-promo-fg: #f2f5ef;
  --btn-bg: #2e3a2f;
  --btn-fg: #f2f5ef;
  --btn-ghost-fg: #2e3a2f;
  --btn-ghost-border: rgba(46, 58, 47, 0.34);
  --hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(242, 245, 239, 0.94));
  --footer-bg: #dde6d8;
  --card-media-bg: #d8e1d3;
}

body[data-theme="terracotta"] {
  --bg: #fff3eb;
  --bg-elevated: #fbe6d8;
  --surface: #ffffff;
  --border: #e9c7af;
  --text: #3c2114;
  --muted: #8f6550;
  --accent: #cb7045;
  --store-promo-bg: #3c2114;
  --store-promo-fg: #fff3eb;
  --btn-bg: #3c2114;
  --btn-fg: #fff3eb;
  --btn-ghost-fg: #3c2114;
  --btn-ghost-border: rgba(60, 33, 20, 0.34);
  --hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(255, 243, 235, 0.94));
  --footer-bg: #f3d8c5;
  --card-media-bg: #efd0bb;
}

body[data-theme="ice"] {
  --bg: #f3faff;
  --bg-elevated: #e9f4fc;
  --surface: #ffffff;
  --border: #cde1ef;
  --text: #1f3342;
  --muted: #5f7a90;
  --accent: #3f88bf;
  --store-promo-bg: #1f3342;
  --store-promo-fg: #f3faff;
  --btn-bg: #1f3342;
  --btn-fg: #f3faff;
  --btn-ghost-fg: #1f3342;
  --btn-ghost-border: rgba(31, 51, 66, 0.34);
  --hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(243, 250, 255, 0.94));
  --footer-bg: #deedf8;
  --card-media-bg: #d7e8f4;
}

/* Kullanici istegi: Bu iki tema ayni kalir */
body[data-theme="blackwhite"] {
  --bg: #050505;
  --bg-elevated: #0f0f0f;
  --surface: #151515;
  --border: #2f2f2f;
  --text: #f8f8f8;
  --muted: #b5b5b5;
  --accent: #ffffff;
  --store-promo-bg: #ffffff;
  --store-promo-fg: #050505;
  --btn-bg: #ffffff;
  --btn-fg: #050505;
  --btn-ghost-fg: #f8f8f8;
  --btn-ghost-border: rgba(255, 255, 255, 0.35);
  --hero-overlay: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.85));
  --footer-bg: #050505;
  --card-media-bg: #0a0a0a;
}

body[data-theme="whiteblack"] {
  --bg: #f6f6f6;
  --bg-elevated: #eeeeee;
  --surface: #ffffff;
  --border: #d3d3d3;
  --text: #111111;
  --muted: #5d5d5d;
  --accent: #111111;
  --store-promo-bg: #111111;
  --store-promo-fg: #f6f6f6;
  --btn-bg: #111111;
  --btn-fg: #f6f6f6;
  --btn-ghost-fg: #111111;
  --btn-ghost-border: rgba(17, 17, 17, 0.35);
  --hero-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, rgba(246, 246, 246, 0.92));
  --footer-bg: #e7e7e7;
  --card-media-bg: #e5e5e5;
}
