/* ==========================================================================
   Ryze Coffee — design tokens
   These values are MEASURED from the live FineDine menu via getComputedStyle,
   not invented. The brief is a faithful rebuild: same colours, same type,
   same proportions. Do not "improve" these without being asked.
     page background   rgb(255,248,235)  #FFF8EB
     section bg        rgb(247,240,227)  #F7F0E3
     accent / app bar  rgb(107,122,61)   #6B7A3D
     text              rgb(123,0,0)      #7B0000
     font              Nunito Sans
   ========================================================================== */

:root {
  /* --- Surfaces --- */
  --cream:        #FFF8EB;   /* page + card background */
  --cream-2:      #F7F0E3;   /* section band behind the grid */
  --cream-3:      #F0E7D6;   /* input fill, chip rest state */
  --line:         #E6DCC8;

  /* --- Brand --- */
  --olive:        #6B7A3D;   /* app bar, prices, section headings */
  --olive-dark:   #5A6733;
  --wine:         #7B0000;   /* all body + heading text */
  --wine-soft:    #9A4141;   /* muted secondary text */

  /* --- Badge colours (sampled from the original chips) --- */
  --badge-new:    #C0392B;
  --badge-dark:   #4A3B2A;

  --shadow-card:  0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -2px rgba(0,0,0,.05);
  --shadow-soft:  0 1px 2px rgba(0,0,0,.06);

  /* --- Type: Nunito Sans throughout, as the original --- */
  --font: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --t-title:   20px;   /* "Ryze Menü" */
  --t-tagline: 16px;
  --t-note:    14px;
  --t-section: 20px;   /* section heading */
  --t-desc:    16px;
  --t-item:    16px;
  --t-price:   16px;
  --t-meta:    13px;
  --t-chip:    13px;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-full: 999px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 160ms; --mid: 260ms; --slow: 400ms;

  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
}