/* ===== THEME TOKENS - the ONLY file that holds colours =====
   Currently a Jumia-style palette for visual review.
   Later we swap these values for the ShopEase admin theme colours. */
:root{
  --brand:#F68B1E;        /* primary action colour (buttons, links, badges) */
  --brand-dark:#E07B0F;   /* hover state of brand */
  --brand-soft:#FEF3E6;   /* light tint of brand */
  --ink:#282828;          /* main text */
  --muted:#75757A;        /* secondary text */
  --line:#EDEDED;         /* borders and dividers */
  --page:#F1F1F2;         /* page background */
  --surface:#FFFFFF;      /* cards, header */
  --deep:#313133;         /* dark areas: footer */
  --sale:#E61601;         /* discount and flash-sale red */
  --sale-soft:#FDE8E6;
  --success:#1A9E4B;
  --info:#0A6CD6;
  --radius:4px;
  --radius-lg:8px;
  --shadow:0 1px 4px rgba(0,0,0,.12);
  --font:'Roboto','Open Sans',Arial,sans-serif;
}