/* ============================================================ MİLAS ANTİKA — 5 Renk Paleti Kullanım: ile aktifleşir ============================================================ */ /* --- Ortak CSS Değişkeni Tanımlamaları --- */ :root { --transition: all 0.3s ease; --radius: 10px; --shadow: 0 4px 24px rgba(0,0,0,0.08); --shadow-hover: 0 8px 40px rgba(0,0,0,0.14); } /* ============================================================ PALET 1 — Osmanlı Altını (Varsayılan) ============================================================ */ html[data-palette="1"], html:not([data-palette]) { --color-primary: #2C1810; --color-secondary: #8B6914; --color-bg: #FAF6F0; --color-bg-alt: #F3EBE0; --color-accent: #D4A853; --color-accent-dark:#B8860B; --color-text: #3D2B1F; --color-text-light: #7A5C3A; --color-text-muted: #9B7D5A; --color-border: #E0D0BC; --color-border-dark:#C4A882; --color-white: #FFFFFF; --color-card: #FFFFFF; --color-overlay: rgba(44,24,16,0.75); --color-badge-bg: #FFF8EC; --color-badge-text: #8B6914; --header-bg: #2C1810; --header-text: #FAF6F0; --header-accent: #D4A853; --footer-bg: #1A0F09; --footer-text: #C4A882; --btn-primary-bg: #2C1810; --btn-primary-text: #D4A853; --btn-wa-bg: #25D366; --btn-wa-text: #FFFFFF; } /* ============================================================ PALET 2 — Bronz & Krem ============================================================ */ html[data-palette="2"] { --color-primary: #4A3728; --color-secondary: #9B7D5A; --color-bg: #F5EEE6; --color-bg-alt: #EDE5DA; --color-accent: #C4956A; --color-accent-dark:#A07445; --color-text: #2D1E15; --color-text-light: #6B4F38; --color-text-muted: #8B6D55; --color-border: #D9C9B8; --color-border-dark:#B89A7E; --color-white: #FFFFFF; --color-card: #FFFAF6; --color-overlay: rgba(74,55,40,0.75); --color-badge-bg: #FFF4EC; --color-badge-text: #9B7D5A; --header-bg: #4A3728; --header-text: #F5EEE6; --header-accent: #C4956A; --footer-bg: #2D1E15; --footer-text: #B89A7E; --btn-primary-bg: #4A3728; --btn-primary-text: #C4956A; --btn-wa-bg: #25D366; --btn-wa-text: #FFFFFF; } /* ============================================================ PALET 3 — Koyu Antika ============================================================ */ html[data-palette="3"] { --color-primary: #1A1209; --color-secondary: #7A5C2E; --color-bg: #F0EBE3; --color-bg-alt: #E8E0D4; --color-accent: #B8860B; --color-accent-dark:#8B6508; --color-text: #1A1209; --color-text-light: #5C4020; --color-text-muted: #8C6D40; --color-border: #D0C0A8; --color-border-dark:#A89070; --color-white: #FFFFFF; --color-card: #F8F4EE; --color-overlay: rgba(26,18,9,0.80); --color-badge-bg: #FFF8E8; --color-badge-text: #7A5C2E; --header-bg: #1A1209; --header-text: #F0EBE3; --header-accent: #B8860B; --footer-bg: #0D0905; --footer-text: #A89070; --btn-primary-bg: #1A1209; --btn-primary-text: #B8860B; --btn-wa-bg: #25D366; --btn-wa-text: #FFFFFF; } /* ============================================================ PALET 4 — Gümüş & Lacivert ============================================================ */ html[data-palette="4"] { --color-primary: #1B2A4A; --color-secondary: #4A5F80; --color-bg: #F4F4F2; --color-bg-alt: #EAEAE8; --color-accent: #8A9FC0; --color-accent-dark:#5A7AA0; --color-text: #1B2A4A; --color-text-light: #3D4F6A; --color-text-muted: #6A7A90; --color-border: #D0D4DC; --color-border-dark:#A0AABC; --color-white: #FFFFFF; --color-card: #FFFFFF; --color-overlay: rgba(27,42,74,0.80); --color-badge-bg: #EEF2F8; --color-badge-text: #4A5F80; --header-bg: #1B2A4A; --header-text: #F4F4F2; --header-accent: #8A9FC0; --footer-bg: #0F1A2E; --footer-text: #A0AABC; --btn-primary-bg: #1B2A4A; --btn-primary-text: #FFFFFF; --btn-wa-bg: #25D366; --btn-wa-text: #FFFFFF; } /* ============================================================ PALET 5 — Toprak & Yeşil ============================================================ */ html[data-palette="5"] { --color-primary: #3B2A1A; --color-secondary: #5C7A5A; --color-bg: #F5F0E8; --color-bg-alt: #ECE6DA; --color-accent: #8FAF7A; --color-accent-dark:#6A8A56; --color-text: #2A1E12; --color-text-light: #4A3828; --color-text-muted: #7A6A50; --color-border: #D4CCC0; --color-border-dark:#A89880; --color-white: #FFFFFF; --color-card: #FAF6F0; --color-overlay: rgba(59,42,26,0.78); --color-badge-bg: #EEF5EC; --color-badge-text: #5C7A5A; --header-bg: #3B2A1A; --header-text: #F5F0E8; --header-accent: #8FAF7A; --footer-bg: #1E1209; --footer-text: #A89880; --btn-primary-bg: #3B2A1A; --btn-primary-text: #8FAF7A; --btn-wa-bg: #25D366; --btn-wa-text: #FFFFFF; }