/* website/src/styles/wokcart-theme.css */
/* Reused 1:1 from mobile/src/presentation/theme/index.ts (WOKCART_THEME) */

:root {
  /* Warm Ceramic & Fresh Scallion Palette */
  --bg: #FAF8F5;              /* Warm Ceramic Off-white / Ivory */
  --card-bg: #FFFFFF;          /* Crisp Pure Porcelain White */
  --border: #EBE5DF;           /* Soft organic stone border */
  --border-light: #F3EFEA;     /* Subtle inner line */

  /* Scallion Jade Emerald (Primary Brand) */
  --primary: #059669;          /* Fresh Scallion Jade Green */
  --primary-hover: #047857;    /* Deep Scallion */
  --primary-dark: #065F46;     /* Deep Forest Emerald */
  --primary-light: #ECFDF5;    /* Scallion Mint Tint */
  --primary-text: #047857;     /* Dark Jade text */

  /* Typography Colors */
  --text-main: #1F2937;        /* Deep Charcoal */
  --text-secondary: #4B5563;   /* Warm Slate Gray */
  --text-muted: #9CA3AF;       /* Soft stone */

  /* Accent Colors */
  --accent-orange: #EA580C;    /* Warm Terracotta / Chili Persimmon */
  --accent-orange-light: #FFEDD5; /* Warm Persimmon Tint */
  --accent-red: #DC2626;       /* Chili Red */
  --accent-blue: #2563EB;      /* Crisp Blue */
  --accent-amber: #D97706;     /* Toasted Sesame Amber */
  --accent-amber-light: #FEF3C7; /* Amber Honey Tint */

  /* Retailer Partner Brand Accents */
  --weee-green: #22C55E;
  --weee-light: #F0FDF4;
  --amazon-orange: #FF9900;
  --amazon-light: #FFFBF0;
  --instacart-green: #003D29;
  --instacart-carrot: #FF8300;
  --instacart-light: #F4FBF7;
  --walmart-blue: #0071DC;
  --walmart-light: #EFF6FF;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.07), 0 2px 5px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.06);
}