/* Tasarım belirteçleri — tüm sayfalarda ortak */
:root {
  --sand: #C4B498;  --sand-2: #B9A37E;  --sand-3: #E7E7E6;
  --khaki: #49544B; --olive: #474B3B;   --olive-2: #49544B;
  --navy: #49544B;  --navy-2: #5A665C;  --navy-3: #7C8A7E;
  --anthracite: #2B2B2C; --gun: #232324; --black: #1A1A1B;
  --signal: #886A46; --ok: #7C9068; --warn: #C2A25A; --bad: #A5503B;

  --f-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --f-gatwick: 'Gatwick', 'Barlow Condensed', sans-serif;
  --f-body: 'Barlow', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;

  --maxw: 1240px;
  --gutter: 24px;
  --header-h: 64px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

:root, [data-theme="dark"] {
  --bg: #222223; --bg-2: #2B2B2C; --bg-3: #343435; --bg-4: #3E3E3F;
  --line: #3F403E; --line-2: #54554F;
  --text: #E7E7E6; --text-2: #B5B3A6; --text-3: #858378;
  --accent: var(--sand); --accent-ink: #222223;
  --accent-2: var(--navy-3); --grid-op: .35;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  color-scheme: dark;

  /* Kompozit Doku: Fabric004 2K karbonfiber dokuma, 45° çevrilmiş kesintisiz döşeme */
  --composite-bg: #121216;
  --composite-weave: url("../assets/images/tex/carbon-weave.jpg");
  --composite-texture:
    radial-gradient(circle at 50% 32%, rgba(255, 255, 255, 0.10) 0%, transparent 72%),
    var(--composite-weave);
  --composite-size: 100% 100%, 200px 200px;
  --composite-overlay: linear-gradient(90deg, rgba(18, 18, 22, 0.82) 0%, rgba(18, 18, 22, 0.45) 55%, transparent 100%);
  --composite-border: 1px solid rgba(196, 180, 152, 0.25);
  --composite-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.6);

  /* Sayfa arkaplanı: 45° çapraz twill karbonfiber — kesintisiz (tile yok) */
  --weave-op: .60;
  --weave-size: auto;
  --weave-texture:
    repeating-linear-gradient(45deg, rgba(255,255,255,.050) 0 1.4px, rgba(255,255,255,0) 1.4px 8px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.45) 0 1.4px, rgba(0,0,0,0) 1.4px 8px),
    repeating-linear-gradient(45deg, rgba(255,255,255,.035) 0 16px, rgba(255,255,255,0) 16px 32px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.22) 0 16px, rgba(0,0,0,0) 16px 32px);
}
[data-theme="light"] {
  --bg: #DFD8C7; --bg-2: #F4F4F6; --bg-3: #D0C7B0; --bg-4: #C4B498;
  --line: #C6BCA3; --line-2: #AA9D80;
  --text: #2B2B2C; --text-2: #3F3C33; --text-3: #5B5546;
  --accent: var(--olive); --accent-ink: #F4F4F6;
  --accent-2: var(--navy); --grid-op: .45;
  --shadow: 0 10px 30px rgba(60,50,20,.15);
  color-scheme: light;

  /* Kompozit Doku: Camfiber / Kırpılmış Cam Elyaf Mat (GFRP) */
  --composite-bg: #EBECEE;
  --composite-texture:
    repeating-linear-gradient(19deg, rgba(255,255,255,0.92) 0px, rgba(255,255,255,0.92) 1.2px, transparent 1.2px, transparent 15px),
    repeating-linear-gradient(71deg, rgba(125,135,145,0.3) 0px, rgba(125,135,145,0.3) 1.5px, transparent 1.5px, transparent 21px),
    repeating-linear-gradient(114deg, rgba(255,255,255,0.85) 0px, rgba(255,255,255,0.85) 1.2px, transparent 1.2px, transparent 18px),
    repeating-linear-gradient(157deg, rgba(105,115,125,0.25) 0px, rgba(105,115,125,0.25) 1.4px, transparent 1.4px, transparent 26px),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.55) 0%, rgba(225,228,232,0.85) 100%);
  --composite-size: 100% 100%;
  --composite-overlay: linear-gradient(90deg, rgba(235, 236, 238, 0.78) 0%, rgba(235, 236, 238, 0.38) 55%, transparent 100%);
  --composite-border: 1px solid rgba(175, 185, 195, 0.5);
  --composite-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 4px 16px rgba(40, 50, 60, 0.06);

  /* Sayfa arkaplanı: 45° çapraz dokuma (açık tema) — kesintisiz */
  --weave-op: .42;
  --weave-size: auto;
  --weave-texture:
    repeating-linear-gradient(45deg, rgba(255,255,255,.70) 0 1.4px, rgba(255,255,255,0) 1.4px 8px),
    repeating-linear-gradient(-45deg, rgba(90,85,70,.20) 0 1.4px, rgba(0,0,0,0) 1.4px 8px),
    repeating-linear-gradient(45deg, rgba(255,255,255,.40) 0 16px, rgba(255,255,255,0) 16px 32px),
    repeating-linear-gradient(-45deg, rgba(90,85,70,.10) 0 16px, rgba(0,0,0,0) 16px 32px);
}
/* KIŞ: beyaz tema (data-theme=light + data-skin=winter); ÇÖL ise data-skin=desert */
[data-theme="light"][data-skin="winter"] {
  --bg: #F4F4F6; --bg-2: #FFFFFF; --bg-3: #E7E7E6; --bg-4: #DADAD6;
  --line: #DCDCD8; --line-2: #BFBFB8;
  --text: #2B2B2C; --text-2: #4A4A44; --text-3: #6B6A60;
  --shadow: 0 10px 30px rgba(40,40,40,.12);
  --composite-bg: #F0F2F4;
  --composite-overlay: linear-gradient(90deg, rgba(240, 242, 244, 0.82) 0%, rgba(240, 242, 244, 0.4) 55%, transparent 100%);
}
[data-theme="light"][data-skin="desert"] {
  --composite-bg: #DFD8C7;
  --composite-texture:
    repeating-linear-gradient(22deg, rgba(255,255,255,0.85) 0px, transparent 1.2px, transparent 15px),
    repeating-linear-gradient(73deg, rgba(140,130,115,0.3) 0px, transparent 1.5px, transparent 22px),
    repeating-linear-gradient(116deg, rgba(255,255,255,0.8) 0px, transparent 1.2px, transparent 18px),
    repeating-linear-gradient(159deg, rgba(120,110,95,0.25) 0px, transparent 1.4px, transparent 26px),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.5) 0%, rgba(215,205,185,0.8) 100%);
  --composite-overlay: linear-gradient(90deg, rgba(223, 216, 199, 0.82) 0%, rgba(223, 216, 199, 0.4) 55%, transparent 100%);
}