:root{
  /* ===================================================================
   * SUQPACK — RENK TOKEN KAYNAĞI (tek kaynak)
   * Spec paleti (logo azuru #0f80c7 + navy #0c293b + amber accent).
   * Aşağıdaki ramp değişkenleri kanonik palettir; sayfa kodu bunlara
   * (veya köprü --suq-* / --sq-* takma adlarına) bağlanır. Sabit hex
   * yalnızca BU tanım bloğunda bulunur.
   * =================================================================== */

  /* --- primary (azur) rampı --- */
  --primary-50:#f1f9fe;  --primary-100:#e3f3fc; --primary-200:#c3e4f8;
  --primary-300:#91cdf3; --primary-400:#4fb1ee; --primary-500:#1299ed;
  --primary-600:#0f80c7; --primary-700:#0a69a3; --primary-800:#0c527d;
  --primary-900:#0f3f5c; --primary-950:#0c293b;

  /* --- accent (amber) --- */
  --accent-400:#fbbf24; --accent-500:#f59e0b; --accent-600:#d97706; --accent-700:#b45309;

  /* --- nötr (slate) rampı --- */
  --slate-50:#f8fafc;  --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
  --slate-400:#94a3b8; --slate-500:#64748b; --slate-600:#475569; --slate-700:#334155;
  --slate-800:#1e293b; --slate-900:#0f172a;

  /* --- semantik kısa yollar (spec) --- */
  --brand:var(--primary-600);
  --brand-hover:var(--primary-700);
  --accent:var(--accent-500);
  --bg:var(--slate-50);
  --surface:#ffffff;
  --surface-dark:var(--primary-950);
  --text:var(--slate-900);
  --text-muted:var(--slate-600);
  --border:var(--slate-200);
  --success:#16a34a; --warning:#f59e0b; --error:#dc2626;

  /* ===================================================================
   * KÖPRÜ: eski --suq-* / --sq-* takma adları → yeni palet.
   * Not: "gold" = azur, "navy" = koyu navy (isimler eski temadan kalma).
   * untex'in body-scope override ettiği isimlere (--text/--border/...)
   * DEĞİL, override edilmeyen ramp değişkenlerine bağlanır (çakışma yok).
   * =================================================================== */
  --suq-gold:var(--brand);             /* accent azur #0f80c7 */
  --suq-gold-hover:var(--primary-700); /* #0a69a3 */
  --suq-gold-rgb:15,128,199;

  --suq-amber:var(--accent-500);       /* #f59e0b ikincil accent */
  --suq-amber-bright:var(--accent-400);/* #fbbf24 — koyu zeminde rakam */
  --suq-amber-deep:var(--accent-600);  /* #d97706 — açık zeminde rakam */
  --suq-amber-rgb:245,158,11;

  --suq-navy:var(--primary-950);       /* #0c293b koyu bölüm / footer */
  --suq-navy-deep:#0a2230;             /* en koyu gradyan dibi */
  --suq-navy-hover:var(--primary-900); /* #0f3f5c */
  --suq-navy-link:var(--primary-700);  /* #0a69a3 link mavisi */
  --suq-navy-rgb:12,41,59;

  --suq-sky:var(--primary-200);        /* #c3e4f8 açık azur */
  --suq-sky-rgb:195,228,248;

  --suq-text:var(--slate-900);         /* #0f172a ana metin/başlık */
  --suq-text-soft:var(--slate-600);    /* #475569 gövde metni */
  --suq-muted:var(--slate-500);        /* #64748b ikincil */
  --suq-muted-2:var(--slate-400);      /* #94a3b8 */
  --suq-text-light:var(--slate-400);   /* #94a3b8 en soluk */
  --suq-white:#FFFFFF;
  --suq-black:#000000;
  --suq-line:var(--slate-100);         /* #f1f5f9 ince ayraç */
  --suq-border:var(--slate-200);       /* #e2e8f0 */
  --suq-bg:var(--surface);             /* #ffffff */
  --suq-bg-light:var(--slate-50);      /* #f8fafc sayfa zemini */
  --suq-bg-light-2:var(--primary-50);  /* #f1f9fe açık azur info zemini */
  --suq-bg-thumb:var(--slate-100);     /* #f1f5f9 görsel kutusu */
  --suq-product-bg:var(--slate-50);    /* #f8fafc ürün görsel zemini */

  /* --- untex/elementor semantik köprüsü --- */
  --primary:var(--brand);
  --primary_hover:var(--brand-hover);
  --secondary:var(--suq-navy);
  --secondary_hover:var(--suq-navy-hover);
  --text_light:var(--slate-400);
  --background:var(--surface);
  --background_light:var(--primary-50);
  --product-img-bg:var(--slate-50);

  --sq-navy:var(--suq-navy);
  --sq-navy2:var(--suq-navy-deep);
  --sq-gold:var(--suq-gold);
  --sq-amber:var(--suq-amber);
  --sq-ink:var(--suq-navy);
  --sq-muted:var(--suq-muted);
  --sq-line:var(--suq-line);
}