/* Ürün kesit çizimi (SVG) renk değişkenleri — açık/koyu tema uyumlu.
   SVG kendi <style>'ında var(--...) okur; bu değişkenler sayfada (ata öğede) tanımlı olmalı.
   Renk kodu SVG'ye gömülmez → tema değişince çizim de uyar. */

:root {
    --steel: #eceff3;      /* gövde dolgusu */
    --steel-lo: #dfe4ea;   /* kesit yüzü zemini */
    --ink: #333d49;        /* çizgi rengi */
    --ink-soft: #566273;   /* antet metni */
    --ink-faint: #8b97a6;  /* antet etiketleri, eksen çizgisi */
    --hatch: #9aa7b6;      /* tarama çizgileri */
    --accent: #c0392b;     /* ölçü çizgileri ve yazıları */
    --sheet-line: #b7c1cd; /* antet çerçevesi */
    --f-mono: ui-monospace, "Cascadia Code", Consolas, "Courier New", monospace;
}

[data-bs-theme="dark"] {
    --steel: #2b333e;
    --steel-lo: #343d49;
    --ink: #c8d1db;
    --ink-soft: #a3b0be;
    --ink-faint: #74808f;
    --hatch: #566472;
    --accent: #ff6f61;
    --sheet-line: #47525f;
}

/* Kesit çizimi kabı — SVG kendi viewBox oranında ölçeklenir, kapsayıcıya sığar */
.okan-kesit { display: block; width: 100%; height: auto; }
.okan-kesit svg { display: block; width: 100%; height: auto; }