/* ============================================================
   BLASÓN — design tokens (CSS custom properties)
   v0.1.0 · auto-derivado de tokens.json
   ============================================================ */
:root {
  /* color · marca */
  --b-paper:        #F2EADB;
  --b-paper-2:      #EADFC8;
  --b-card:         #FBF6EC;
  --b-ink:          #1F1A14;
  --b-ink-2:        #5C4F3F;
  --b-line:         #D8C9AE;
  --b-clay:         #9B3A26;
  --b-clay-deep:    #6B2616;
  --b-ochre:        #B8862B;
  --b-olive:        #4D5A2F;
  --b-stone:        #6E6457;

  /* color · POS oscuro */
  --os-bg:          #15110C;
  --os-surface:     #1F1A12;
  --os-text:        #F2EADB;
  --os-pending:     #B8862B;
  --os-prep:        #C97032;
  --os-ready:       #7A9E3F;
  --os-late:        #C13B23;

  /* font stacks */
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans:  'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;

  /* radius */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* shadow */
  --shadow-1: 0 1px 0 rgba(31,26,20,.04), 0 6px 18px rgba(31,26,20,.06);
  --shadow-2: 0 1px 0 rgba(31,26,20,.06), 0 18px 36px rgba(31,26,20,.10);

  /* spacing */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px;

  /* breakpoints (use in media queries) */
  /* tablet: 720px · desktop: 1024px · wide: 1280px */
}