/* Forest & Copper design tokens */
:root {
  /* ── Core Palette ── */
  --forest:           #1A3C34;
  --forest-dark:      #122B25;
  --forest-mid:       #234D3F;
  --forest-light:     #EBF4F0;
  --forest-border:    #A8C9BE;

  --copper:           #B87333;
  --copper-hover:     #9A5F2A;
  --copper-active:    #7D4D22;
  --copper-light:     #FDF0E6;
  --copper-border:    #E8C09A;
  --copper-shadow:   rgba(184,115,51,0.35);
  --copper-bg-subtle: rgba(184,115,51,0.1);
  --copper-border-subtle: rgba(184,115,51,0.35);
  --accent:           var(--copper);
  --copper-contrast:  #fff;

  --sage:             #8FA998;
  --sage-bg:          #F2F6F4;

  --bg:               #F7F9F8;
  --white:            #FFFFFF;
  --charcoal:         #1E2822;
  --text-body:        #374840;
  --text-muted:       #6B7B74;
  --text-light:       #9EADA7;

  --border:           #DDE6E2;
  --border-dark:      #C4D0CB;

  /* ── Semantic Colors ── */
  --red:              #C0392B;   /* ONLY for expired/recall/error — never decorative */
  --red-light:        #FDF0EF;
  --gold:             #D4A843;   /* star ratings only */

  /* ── Status Pill System ── */
  --s-avail-dot:      #2E7D32;  --s-avail-bg: #E8F5E9;  --s-avail-text: #1B5E20;  --s-avail-bd: #A5D6A7;
  --s-low-dot:        #EF6C00;  --s-low-bg:   #FFF3E0;  --s-low-text:   #BF360C;  --s-low-bd:   #FFCC80;
  --s-sold-dot:       #7B1FA2;  --s-sold-bg:  #F3E5F5;  --s-sold-text:  #4A148C;  --s-sold-bd:  #CE93D8;
  --s-hold-dot:       #C62828;  --s-hold-bg:  #FFEBEE;  --s-hold-text:  #B71C1C;  --s-hold-bd:  #EF9A9A;
  --s-review-dot:     #546E7A;  --s-review-bg:#ECEFF1;  --s-review-text:#37474F;  --s-review-bd:#B0BEC5;

  /* ── Typography ── */
  --font-display: 'Fraunces', Georgia, serif;          /* product names, prices, H1s */
  --font-body:    'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-data:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* ── Sizing & Shape ── */
  --radius-sm:    4px;
  --radius-md:    7px;
  --radius-lg:    10px;
  --radius-pill:  999px;
  --gutter:       24px;
  --max-width:    1440px;
  --sidebar-w:    240px;
  --drawer-w:     420px;

  /* ── Elevation ── */
  --shadow-card:  0 2px 8px rgba(0,0,0,0.05);
  --shadow-hover: 0 8px 24px rgba(26,60,52,0.12), 0 2px 8px rgba(0,0,0,0.06);
  --shadow-modal: 0 24px 64px rgba(0,0,0,0.18);
  --shadow-nav:   0 2px 12px rgba(0,0,0,0.15);

  /* ── Motion ── */
  --transition:   all 0.18s ease;
  --transition-slow: all 0.28s ease;
}