/* =============================================================
   TASARIM TOKENLARI
   mockups/*.html dosyalarındaki :root bloklarının birleşimi.
   Değerler 4 mockup'ta da birebir aynı; burada tek kaynağa toplandı.
   ============================================================= */
:root{
  --brand-900:#152c45;
  --brand-800:#1a3a5c;
  --brand-700:#234b74;
  --brand-600:#2d6a9f;
  --brand-100:#e8eef5;

  --accent:#00a38a;
  --accent-soft:#e6f6f3;
  --warn:#da6227;
  --warn-soft:#fdefe7;
  --success:#1e9e4a;
  --danger:#d64545;
  --danger-soft:#fdecec;

  --ink-900:#16202b;
  --ink-700:#3f4b59;
  --ink-500:#6b7885;
  --ink-300:#9aa5b1;

  --line:#e3e8ee;
  --surface:#fff;
  --canvas:#f4f6f9;

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px;

  --shadow-1:0 1px 2px rgba(22,32,43,.06), 0 1px 3px rgba(22,32,43,.04);
  --shadow-2:0 2px 4px rgba(22,32,43,.05), 0 6px 16px rgba(22,32,43,.07);
  --shadow-3:0 12px 32px rgba(22,32,43,.14);

  --font:'Saira', -apple-system, "Segoe UI", Roboto, sans-serif;
  --header-h:64px;
}