/* ═══════════════════════════════════════════════════════════
   هوية TASTY — عكس BEANO عن قصد.

   BEANO: أسود إسبريسو وذهبي نيون، هادئ وسينمائي.
   TASTY: كريمي فاتح، مشمشي من دائرة شعار المحل، وبني كاكاو
          من نصّه، وأخضر أفوكادو لأنه توقيعهم.

   ألوان الأقسام (--bg على كل بطاقة) مو هون — بتنقرأ من زوايا
   الصور نفسها (tools/process-images.py) فالبطاقة بتذوب بالصورة.
   ═══════════════════════════════════════════════════════════ */

:root {
  color-scheme: light;

  --cream: #FFF3E4;
  --paper: #FFFAF3;
  --cocoa: #2E1A10;
  --cocoa-2: #6A4A38;          /* نص ثانوي — تباين ٧:١ على الكريمي */
  --apricot: #F4A261;          /* دائرة الشعار */
  --apricot-soft: #FBD2AE;
  --tangerine: #C85A12;        /* سعر — تباين ٤.٦:١ على الكريمي */
  --avocado: #4E7A26;
  --avocado-deep: #2F5216;
  --sage: #CFDCCB;
  --hairline: rgba(46, 26, 16, 0.12);

  --display: "Lalezar", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font: "IBM Plex Sans Arabic", system-ui, "Segoe UI", Tahoma, sans-serif;
  --brand: "Montserrat", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --script: "Kaushan Script", "Lalezar", cursive;

  /* منحنيات: ease-out أسّي للدخول، و spring خفيف للأزرار */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.5, 0.5, 1);

  --d-tap: 120ms;
  --d-state: 240ms;
  --d-enter: 520ms;

  --s1: 0.25rem; --s2: 0.5rem; --s3: 0.75rem; --s4: 1rem;
  --s5: 1.5rem;  --s6: 2rem;   --s7: 3rem;    --s8: 4.5rem;

  --r-sm: 10px; --r-md: 18px; --r-lg: 28px; --r-full: 999px;

  --topbar-h: 64px;
  --cats-h: 56px;
  --gutter: clamp(16px, 4.5vw, 40px);

  --z-top: 40;
  --z-cartbar: 50;
  --z-backdrop: 80;
  --z-sheet: 90;
  --z-fly: 120;

  --shadow-card: 0 1px 2px rgba(46, 26, 16, 0.06), 0 10px 30px -12px rgba(46, 26, 16, 0.18);
  --shadow-float: 0 12px 34px -10px rgba(46, 26, 16, 0.45);
}