/* ==========================================================================
   KasaGo — design tokens (canon §7.2)
   Single source for colour, type and easing. Imported first, everywhere.
   ========================================================================== */

:root{
  /* brand */
  --purple:#7358C4;
  --purple-700:#5C44A6;
  --purple-100:#EAE5F7;
  --purple-50:#F4F1FB;
  --slate:#779BBF;
  --slate-600:#5F82A6;

  /* neutrals */
  --ink:#0F172A;
  --gray-600:#5B6476;
  --gray-200:#E6E6E6;
  --gray-50:#F7F8FB;
  --line:#ECECF0;
  --read:#262E3D;

  /* feedback */
  --success-bg:#EAF9F0;
  --success-line:#CDEBD9;
  --success-ink:#166534;

  /* motion */
  --ease:cubic-bezier(.22,.8,.3,1);

  /* type */
  --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Poppins','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* --------------------------------------------------------------------------
   Category tints (canon §4 clusters · builder command §6.3)
   Applied as a class instead of inline custom properties, so production
   pages carry zero inline style attributes (validator, canon §13.5).
   --cc/--cb colour the category chip · --ic/--it colour the icon tile.
   -------------------------------------------------------------------------- */
.c-offline{--cc:#5C44A6;--cb:#F4F1FB;--ic:#5C44A6;--it:#F4F1FB}
.c-stok   {--cc:#935D16;--cb:#FBEEDB;--ic:#C07A1F;--it:#FBEEDB}
.c-adisyon{--cc:#8D6230;--cb:#F9F0E2;--ic:#B07B3E;--it:#F9F0E2}
.c-qr     {--cc:#356D91;--cb:#E4F1F9;--ic:#3E7CA6;--it:#E4F1F9}
.c-secim  {--cc:#307361;--cb:#E4F3EE;--ic:#3F8F7A;--it:#E4F3EE}

/* Product-page icon tints (header dropdown, related product cards) */
.i-cafe    {--ic:#8A5A2B;--it:#F5EADC}
.i-restoran{--ic:#B07B3E;--it:#F9F0E2}
.i-adisyon {--ic:#5C44A6;--it:#F4F1FB}
.i-qr      {--ic:#3E7CA6;--it:#E4F1F9}
.i-dijital {--ic:#3F8F7A;--it:#E4F3EE}
.i-stok    {--ic:#C07A1F;--it:#FBEEDB}
.i-online  {--ic:#5F82A6;--it:#EAF1F7}
.i-fiyatlar{--ic:#5C44A6;--it:#F4F1FB}
.i-chart   {--ic:#5F82A6;--it:#EAF1F7}