/* ============================================================
   Afula Underground — Color tokens
   עפולה תחתית · raw Israeli streetwear palette.
   Four brand colors, hard and loud. No tints, no gradients.
   Hex values are the brand's own spec (confirmed against the
   Figma Variable collections "afula ug" / "Ungrouped").
   ============================================================ */

:root {
  /* ---- Brand core (the only four) ---- */
  --afula-green:  #008A44;  /* rgb(0,138,68)   */
  --afula-orange: #F47A20;  /* rgb(244,122,32) */
  --afula-white:  #F2F2F2;  /* rgb(242,242,242) — "almost white" */
  --afula-black:  #272727;  /* rgb(39,39,39)   — "almost black" */

  /* ---- Absolutes (used for type on brand fields) ---- */
  --pure-white: #FFFFFF;
  --pure-black: #000000;

  /* ---- Semantic surfaces ---- */
  --surface-page:      var(--afula-white);   /* default light page */
  --surface-inverse:   var(--afula-black);   /* dark sections, product walls */
  --surface-card:      var(--afula-black);   /* product cards sit on dark */
  --surface-field:     var(--afula-white);   /* inputs */

  /* ---- Semantic text ---- */
  --text-on-light:     var(--afula-black);   /* body on almost-white */
  --text-ink:          var(--pure-black);    /* hard body copy */
  --text-on-dark:      var(--pure-white);    /* text on black sections */
  --text-on-orange:    var(--pure-white);    /* button labels */
  --text-on-green:     var(--pure-white);
  --text-muted:        rgba(39,39,39,0.52);  /* placeholder / hint */

  /* ---- Semantic accents / actions ---- */
  --action-primary:    var(--afula-orange);  /* buy / add to cart */
  --action-secondary:  var(--afula-green);   /* "more in the shop" */
  --accent:            var(--afula-orange);

  /* ---- Stroke (the signature inset outline) ---- */
  --stroke-ink:        var(--afula-black);    /* dark hairline on light/brand fields */
  --stroke-paper:      var(--afula-white);    /* light hairline on dark cards */
}