/* ==========================================================
   Sipariş — tasarım token'ları
   Lacivert mürekkep + turkuaz vurgu (Sipariş Takibi arayüzüyle aynı görsel dil)
   Açık/koyu tema; metin kontrastı AA.
   ========================================================== */
:root {
  color-scheme: light;

  /* Yüzeyler */
  --bg: #f2f5f9;
  --bg-deep: #e8edf4;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-2: #f6f8fb;
  --surface-3: #e9eef5;

  /* Metin */
  --ink: #0f1f3d;
  --ink-2: #34435c;
  --ink-3: #556074;
  --ink-on-accent: #ffffff;

  /* Çizgiler */
  --line: #dde3ec;
  --line-strong: #c4cddb;
  --gold: #0f766e;               /* eski "altın" kenar yerine turkuaz (hover kenarları) */
  --gold-soft: rgba(15, 118, 110, 0.28);

  /* Vurgu */
  --accent: #0f766e;
  --accent-hover: #115e59;
  --accent-text: #0f766e;
  --accent-soft: #e3f3f1;
  --accent-glow: rgba(15, 118, 110, 0.25);
  --btn-from: #0f766e;
  --btn-to: #115e59;
  --focus: #0f766e;
  --amber: #1d4ed8;              /* "yeni" vurgusu: referanstaki gibi mavi */
  --chip-on: #0f1f3d;
  --on-chip: #ffffff;

  /* Anlamsal */
  --ok-bg: #e7f5ec;   --ok-fg: #15803d;
  --warn-bg: #fff3db; --warn-fg: #8a4b00;
  --err-bg: #fdecea;  --err-fg: #b42318;
  --info-bg: #e8efff; --info-fg: #1d4ed8;

  /* Durum rozetleri (referans: bekleyen=sarı, paketlendi=mavi, kargoda/teslim=yeşil, iptal/iade=kırmızı) */
  --st-awaiting_payment-bg: #eef1f6; --st-awaiting_payment-fg: #556074;
  --st-new-bg: #fff3db;              --st-new-fg: #8a4b00;
  --st-preparing-bg: #e8efff;        --st-preparing-fg: #1d4ed8;
  --st-shipped-bg: #e7f5ec;          --st-shipped-fg: #15803d;
  --st-delivered-bg: #e7f5ec;        --st-delivered-fg: #15803d;
  --st-undelivered-bg: #fdecea;      --st-undelivered-fg: #b42318;
  --st-cancelled-bg: #fdecea;        --st-cancelled-fg: #b42318;
  --st-returned-bg: #fdecea;         --st-returned-fg: #b42318;
  --st-other-bg: #eef1f6;            --st-other-fg: #556074;

  --flash: rgba(15, 118, 110, 0.28);
  --scrim: rgba(8, 14, 28, 0.5);
  --glass-hi: rgba(255, 255, 255, 0);

  /* Gölgeler (referans: neredeyse düz) */
  --shadow-1: 0 1px 2px rgba(15, 31, 61, 0.06), 0 1px 1px rgba(15, 31, 61, 0.04);
  --shadow-2: 0 2px 6px rgba(15, 31, 61, 0.07), 0 1px 2px rgba(15, 31, 61, 0.05);
  --shadow-3: 0 12px 30px rgba(15, 31, 61, 0.2);
  --shadow-btn: none;

  /* Yarıçap */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 18px;
  --r-pill: 999px;

  /* Boşluk (4px tabanlı) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px;

  /* Tipografi: tek aile (referans) */
  --font-body: Inter, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-display: var(--font-body);
  --font-display-num: var(--font-body);
  --font-mono: "Cascadia Mono", "Cascadia Code", Consolas, "SFMono-Regular", Menlo, monospace;

  /* Hareket */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.3, 0.64, 1);
  --ease-in: cubic-bezier(0.55, 0, 0.8, 0.3);
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;

  /* Yerleşim */
  --topbar-h: 64px;
  --touch: 44px;
  --content-w: 1300px;
}

/* Koyu tema — lacivert / turkuaz (referanstaki değerler) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0b1220;
    --bg-deep: #080e19;
    --surface: #121b2e;
    --surface-solid: #121b2e;
    --surface-2: #18233a;
    --surface-3: #202d49;
    --ink: #e6edf7;
    --ink-2: #c3cddd;
    --ink-3: #a6b2c6;
    --line: #26334d;
    --line-strong: #364563;
    --gold: #2dd4bf;
    --gold-soft: rgba(45, 212, 191, 0.34);
    --accent: #2dd4bf;
    --accent-hover: #5eead4;
    --accent-text: #5eead4;
    --accent-soft: #0f2f2d;
    --accent-glow: rgba(45, 212, 191, 0.25);
    --btn-from: #2dd4bf;
    --btn-to: #14b8a6;
    --ink-on-accent: #04201d;
    --focus: #5eead4;
    --amber: #93b4ff;
    --chip-on: #e6edf7;
    --on-chip: #0b1220;
    --ok-bg: #0f2a1a;   --ok-fg: #4ade80;
    --warn-bg: #2d2208; --warn-fg: #fbbf24;
    --err-bg: #321616;  --err-fg: #f87171;
    --info-bg: #15213d; --info-fg: #93b4ff;
    --st-awaiting_payment-bg: #18233a; --st-awaiting_payment-fg: #a6b2c6;
    --st-new-bg: #2d2208;              --st-new-fg: #fbbf24;
    --st-preparing-bg: #15213d;        --st-preparing-fg: #93b4ff;
    --st-shipped-bg: #0f2a1a;          --st-shipped-fg: #4ade80;
    --st-delivered-bg: #0f2a1a;        --st-delivered-fg: #4ade80;
    --st-undelivered-bg: #321616;      --st-undelivered-fg: #f87171;
    --st-cancelled-bg: #321616;        --st-cancelled-fg: #f87171;
    --st-returned-bg: #321616;         --st-returned-fg: #f87171;
    --st-other-bg: #18233a;            --st-other-fg: #a6b2c6;
    --flash: rgba(45, 212, 191, 0.28);
    --scrim: rgba(2, 6, 14, 0.62);
    --shadow-1: none;
    --shadow-2: none;
    --shadow-3: 0 12px 30px rgba(0, 0, 0, 0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1220;
  --bg-deep: #080e19;
  --surface: #121b2e;
  --surface-solid: #121b2e;
  --surface-2: #18233a;
  --surface-3: #202d49;
  --ink: #e6edf7;
  --ink-2: #c3cddd;
  --ink-3: #a6b2c6;
  --line: #26334d;
  --line-strong: #364563;
  --gold: #2dd4bf;
  --gold-soft: rgba(45, 212, 191, 0.34);
  --accent: #2dd4bf;
  --accent-hover: #5eead4;
  --accent-text: #5eead4;
  --accent-soft: #0f2f2d;
  --accent-glow: rgba(45, 212, 191, 0.25);
  --btn-from: #2dd4bf;
  --btn-to: #14b8a6;
  --ink-on-accent: #04201d;
  --focus: #5eead4;
  --amber: #93b4ff;
  --chip-on: #e6edf7;
  --on-chip: #0b1220;
  --ok-bg: #0f2a1a;   --ok-fg: #4ade80;
  --warn-bg: #2d2208; --warn-fg: #fbbf24;
  --err-bg: #321616;  --err-fg: #f87171;
  --info-bg: #15213d; --info-fg: #93b4ff;
  --st-awaiting_payment-bg: #18233a; --st-awaiting_payment-fg: #a6b2c6;
  --st-new-bg: #2d2208;              --st-new-fg: #fbbf24;
  --st-preparing-bg: #15213d;        --st-preparing-fg: #93b4ff;
  --st-shipped-bg: #0f2a1a;          --st-shipped-fg: #4ade80;
  --st-delivered-bg: #0f2a1a;        --st-delivered-fg: #4ade80;
  --st-undelivered-bg: #321616;      --st-undelivered-fg: #f87171;
  --st-cancelled-bg: #321616;        --st-cancelled-fg: #f87171;
  --st-returned-bg: #321616;         --st-returned-fg: #f87171;
  --st-other-bg: #18233a;            --st-other-fg: #a6b2c6;
  --flash: rgba(45, 212, 191, 0.28);
  --scrim: rgba(2, 6, 14, 0.62);
  --shadow-1: none;
  --shadow-2: none;
  --shadow-3: 0 12px 30px rgba(0, 0, 0, 0.5);
}