:root {
  /* Amazon / Currys-inspired light ecommerce */
  --beige-primary: #E47911;
  --beige-light: #FF9900;
  --beige-dark: #C7511F;

  --brown-secondary: #007185;
  --brown-light: #00A8B5;
  --brown-dark: #005F6B;

  --cream: #FFFFFF;
  --cream-mid: #F7F7F7;
  --cream-dark: #F3F3F3;
  --white: #FFFFFF;

  --terracotta: #CC0C39;
  --terracotta-light: #E31B4D;
  --terracotta-dark: #A8002A;

  --coffee: #131921;
  --coffee-mid: #565959;
  --coffee-light: #888C8C;

  --sage-green: #067D62;
  --sage-green-light: #0A8F6F;
  --sage-green-dark: #04634D;

  --amber: #FF9900;
  --amber-light: #FFB84D;
  --amber-dark: #E47911;

  --taupe-border: #D5D9D9;
  --warm-gray: #888C8C;
  --warm-gray-light: #BBBFBF;
  --olive-green: #067D62;

  --font-display: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 100px;

  --shadow-sm: 0 1px 2px rgba(15, 17, 17, 0.08);
  --shadow-md: 0 2px 8px rgba(15, 17, 17, 0.1);
  --shadow-lg: 0 4px 16px rgba(15, 17, 17, 0.12);
  --shadow-xl: 0 8px 24px rgba(15, 17, 17, 0.14);

  --section-pad-desktop: 48px 24px;
  --section-pad-mobile: 32px 16px;
  --container-pad-desktop: 0 24px;
  --container-pad-mobile: 0 16px;
  --card-pad-desktop: 16px;
  --card-pad-mobile: 12px;
}