/* Dizayn tokenləri: rəng, tipoqrafiya, mövzu (light / dark).
   Yalnız dəyişən təyin edir — heç bir element seçicisi yoxdur. */

:root {
  /* səthlər */
  --bg: #EDF2F3;
  --surface: #FFFFFF;
  --surface2: #F5F8F9;
  --line: #D3DDE1;

  /* mətn */
  --ink: #0F2431;
  --muted: #566A76;

  /* brend */
  --accent: #0B6E7F;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(11, 110, 127, .12);

  /* satış statusu */
  --ok: #2C9563;
  --hold: #CF8C22;
  --sold: #9DA9B0;

  /* 3D səhnə fonu */
  --stage: #0A1820;
  --stage-ink: #E8F1F3;
  --stage-muted: #9DB2BC;

  /* şriftlər */
  --f-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --f-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* Qaranlıq mövzu dəyərləri bir yerdə saxlanır, iki yerdən çağırılır:
   OS seçimi (data-theme="light" ilə ləğv edilə bilər) və açıq data-theme="dark". */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B151B;
    --surface: #112029;
    --surface2: #0E1B23;
    --line: #223846;
    --ink: #E4EDF0;
    --muted: #91A4AE;
    --accent: #3FB2C3;
    --accent-ink: #04232A;
    --accent-soft: rgba(63, 178, 195, .16);
    --ok: #45B581;
    --hold: #E3A645;
    --sold: #5F707A;
    --stage: #050D12;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0B151B;
  --surface: #112029;
  --surface2: #0E1B23;
  --line: #223846;
  --ink: #E4EDF0;
  --muted: #91A4AE;
  --accent: #3FB2C3;
  --accent-ink: #04232A;
  --accent-soft: rgba(63, 178, 195, .16);
  --ok: #45B581;
  --hold: #E3A645;
  --sold: #5F707A;
  --stage: #050D12;
  color-scheme: dark;
}