/**
 * REEMCO Design System Tokens (Canonical v2.0)
 * RTL-First, Industrial/B2B & Retail Materials Commerce
 */

:root {
  /* ===== Core brand ===== */
  --rcp-green:            #2D6A4F;  /* primary — buttons, nav, active states  */
  --rcp-green-deep:       #1A3C2A;  /* headers, mega-menu, dark surfaces      */
  --rcp-green-abyss:      #0F261A;  /* footer, deepest surface                */
  --rcp-green-tint:       #E8F1EC;  /* success/in-stock washes, soft fills    */
  --rcp-green-hover:      #24543E;

  /* ===== Gold: authority, B2B, quotes, premium ===== */
  --rcp-gold:             #D4AF37;
  --rcp-gold-text:        #8A6D1F;  /* Accessible for text on white (WCAG AA >= 4.5:1) */
  --rcp-gold-grad:        linear-gradient(135deg, #D4A843 0%, #B8922F 100%);
  --rcp-gold-tint:        #FBF6E9;

  /* ===== Action orange: instant buy ONLY. Never decorative. ===== */
  --rcp-buy-grad:         linear-gradient(135deg, #EA580C 0%, #F97316 50%, #F59E0B 100%);
  --rcp-buy-hover:        linear-gradient(135deg, #C2410C 0%, #EA580C 50%, #D97706 100%);

  /* ===== Channel ===== */
  --rcp-whatsapp:         #25D366;
  --rcp-whatsapp-deep:    #1EAA52;

  /* ===== Neutrals ===== */
  --rcp-ink:              #1E293B;  /* headings              */
  --rcp-body:             #334155;  /* body copy             */
  --rcp-muted:            #64748B;  /* meta, captions        */
  --rcp-line:             #E2E8F0;  /* hairlines             */
  --rcp-line-strong:      #CBD5E1;
  --rcp-surface:          #FFFFFF;
  --rcp-surface-2:        #F8FAFB;  /* section alternation   */
  --rcp-surface-3:        #F1F5F9;  /* inputs, steppers      */

  /* ===== Semantic ===== */
  --rcp-ok:               #15803D;
  --rcp-ok-tint:          #F0FDF4;
  --rcp-warn:             #B45309;
  --rcp-warn-tint:        #FFFBEB;
  --rcp-danger:           #B91C1C;
  --rcp-danger-tint:      #FEF2F2;
  --rcp-info:             #0E7490;
  --rcp-info-tint:        #ECFEFF;

  /* ===== Type ===== */
  --rcp-font:             "Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rcp-font-num:         "Rubik", "Cairo", sans-serif;  /* tabular numerals, prices, specs */

  /* ===== Shape & depth ===== */
  --rcp-r-sm:             8px;
  --rcp-r:                12px;
  --rcp-r-lg:             18px;
  --rcp-r-xl:             24px;
  --rcp-r-pill:           999px;
  
  --rcp-sh-1:             0 1px 2px rgba(15, 38, 26, 0.05);
  --rcp-sh-2:             0 4px 16px -4px rgba(15, 38, 26, 0.10);
  --rcp-sh-3:             0 18px 48px -18px rgba(15, 38, 26, 0.22);
  --rcp-ring:             0 0 0 3px rgba(45, 106, 79, 0.28);

  /* ===== Rhythm: 4px base, section spacing on an 8px scale ===== */
  --rcp-1: 4px;
  --rcp-2: 8px;
  --rcp-3: 12px;
  --rcp-4: 16px;
  --rcp-5: 24px;
  --rcp-6: 32px;
  --rcp-7: 48px;
  --rcp-8: 64px;
  --rcp-9: 96px;

  --rcp-max: 1280px;  /* content max width */
  --rcp-header-h: 88px;
  --rcp-sticky-h: 56px;
  --rcp-dock-h: 72px;
}