/* SOLID FRIED CHICKEN — design tokens
   One source of truth for color, type, spacing, radius, shadow, motion. */

:root {
  /* Brand */
  --red:            #C8102E;
  --red-hot:        #E31B33;
  --red-deep:       #8E0B1F;
  --red-wash:       #FBE7E9;

  --ink:            #16120F;
  --ink-2:          #2A241F;
  --ink-3:          #4A413A;
  --muted:          #64584E;
  --muted-light:    #B5ABA0;
  --line:           #DED3BF;

  --paper:          #F2EBDD;
  --paper-2:        #E7DCC7;
  --paper-dark:     #E2D7C0;
  --bone:           #FDFAF3;
  --white:          #FFFFFF;
  --coal:           #0E0C0B;
  --coal-2:         #1B1714;

  /* Signal */
  --mustard:        #E8A317;
  --mustard-wash:   #FBF0D8;
  --mustard-deep:   #8F5E00;
  --leaf:           #2E7D48;
  --leaf-wash:      #E4F1E8;
  --sky:            #1D6FB8;
  --sky-wash:       #E3EEF8;
  --ember:          #E4622A;
  --ember-wash:     #FCE9E0;
  --ember-deep:     #A6431A;

  /* Status (orders) */
  --st-new:         #1D6FB8;
  --st-prep:        #E8A317;
  --st-ready:       #2E7D48;
  --st-way:         #E4622A;
  --st-done:        #4A413A;
  --st-cancel:      #C8102E;

  /* Type */
  --font-display: "Anton", "Arial Narrow", Impact, sans-serif;
  --font-body: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;

  --fs-2xs: .688rem;
  --fs-xs:  .75rem;
  --fs-sm:  .813rem;
  --fs-md:  .938rem;
  --fs-lg:  1.063rem;
  --fs-xl:  1.313rem;
  --fs-2xl: 1.625rem;
  --fs-3xl: 2.125rem;
  --fs-4xl: 3rem;

  /* Space */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-7: 32px; --s-8: 44px; --s-9: 64px;

  /* Radius — sticker geometry, not pill-everything */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-full: 999px;

  /* Shadow — hard offset "printed sticker" shadows, no soft blur washes */
  --sh-hard: 4px 4px 0 var(--ink);
  --sh-hard-sm: 2px 2px 0 var(--ink);
  --sh-hard-red: 4px 4px 0 var(--red);
  --sh-lift: 0 10px 24px rgba(22,18,15,.16);
  --sh-sheet: 0 -14px 40px rgba(22,18,15,.28);

  --border: 2px solid var(--ink);
  --border-thin: 1px solid var(--line);

  /* Motion */
  --t-fast: 120ms cubic-bezier(.2,.7,.3,1);
  --t-med: 220ms cubic-bezier(.2,.7,.3,1);
  --t-slow: 380ms cubic-bezier(.16,.84,.34,1);

  /* Layers */
  --z-nav: 40;
  --z-sticky: 50;
  --z-sheet: 70;
  --z-modal: 80;
  --z-toast: 90;

  /* Texture */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.28'/%3E%3C/svg%3E");
  --wood: repeating-linear-gradient(90deg, rgba(22,18,15,.05) 0 2px, rgba(22,18,15,0) 2px 9px, rgba(22,18,15,.03) 9px 11px, rgba(22,18,15,0) 11px 26px);

  /* Layout */
  --phone: 430px;
  --sidebar: 248px;
  --header-h: 60px;
  --bottomnav-h: 64px;
}