/* Ortak tema: tüm sayfalar (ana sayfa, admin, 3D görüntüleyici) buradan beslenir.
   Renkleri değiştirmek için sadece bu dosyadaki değişkenleri düzenle. */
@font-face { font-family: 'Raleway'; src: url('fonts/Raleway.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Benzin'; src: url('fonts/Benzin-Regular.ttf') format('truetype'); font-display: swap; }
/* Benzin fontunun "i" harfi bozuk: sadece o harf için Raleway kullan */
@font-face { font-family: 'Benzin Fixed'; src: url('fonts/Benzin-Regular.ttf') format('truetype'); unicode-range: U+0000-0068, U+006A-00FF, U+0100-024F; font-display: swap; }
@font-face { font-family: 'Benzin Fixed'; src: url('fonts/Raleway.ttf') format('truetype'); unicode-range: U+0069; font-weight: 600; font-display: swap; }

:root {
    --bg: #eeeae4;
    --bg-2: #dcd7cf;
    --surface: #f7f4ef;
    --panel: rgba(255, 255, 255, 0.82);
    --panel-solid: #ffffff;
    --ink: #1d1b19;
    --ink-soft: #6d675f;
    --line: rgba(29, 27, 25, 0.12);
    --accent: #a3733a;
    --accent-ink: #ffffff;
    --radius: 16px;
    --shadow: 0 10px 40px rgba(40, 30, 20, 0.14);
    --font-body: 'Raleway', 'Segoe UI', system-ui, sans-serif;
    --font-display: 'Benzin Fixed', 'Benzin', 'Raleway', sans-serif;
}
body.dark {
    --bg: #1b1a1d;
    --bg-2: #0f0f11;
    --surface: #222126;
    --panel: rgba(34, 33, 37, 0.85);
    --panel-solid: #26252a;
    --ink: #f1ede7;
    --ink-soft: #a29b92;
    --line: rgba(255, 255, 255, 0.12);
    --shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}