/* ---- Lemona colour system ----------------------------------------------
   Base ramps first, semantic aliases second. Only ever reference the
   semantic names in components. Orange is a highlight, never a surface. */
:root{
  /* Brand — sampled from the official LEMONA mark and campaign banner */
  --lemona-orange-50:#FFF4EA;
  --lemona-orange-100:#FFE3CB;
  --lemona-orange-200:#FDC79A;
  --lemona-orange-300:#F9A968;
  --lemona-orange-400:#F59247;
  --lemona-orange-500:#F38534; /* logo orange — primary */
  --lemona-orange-600:#DE7126;
  --lemona-orange-700:#BC5B18;
  --lemona-orange-800:#8F4310;
  --lemona-green-500:#254A30; /* banner field green — campaign surface */
  --lemona-green-600:#1B3724;
  --lemona-green-100:#DCE6DE;

  /* Neutrals — cool-tinted ink ramp */
  --ink-1000:#0B0B0C;
  --ink-900:#141416;
  --ink-800:#1F2024;
  --ink-700:#33353B;
  --ink-600:#4C4F57;
  --ink-500:#6B6F79;
  --ink-400:#909499;
  --ink-300:#BFC2C7;
  --ink-200:#DEE0E3;
  --ink-150:#E9EAEC;
  --ink-100:#F2F3F4;
  --ink-50:#F8F8F9;
  --white:#FFFFFF;

  /* Status ramps */
  --green-500:#0E8A4A;
  --green-100:#E2F4EA;
  --amber-500:#B87503;
  --amber-100:#FDF1DC;
  --red-500:#C8281F;
  --red-600:#A81C15;
  --red-100:#FBE7E5;
  --blue-500:#1D5BD6;
  --blue-100:#E6EDFC;

  /* ---- Semantic aliases ---- */
  --color-primary:var(--lemona-orange-500);
  --color-primary-hover:var(--lemona-orange-600);
  --color-primary-active:var(--lemona-orange-700);
  --color-primary-soft:var(--lemona-orange-50);
  --color-primary-border:var(--lemona-orange-200);
  --color-on-primary:var(--white);

  --color-secondary:var(--ink-1000);
  --color-secondary-hover:var(--ink-800);
  --color-secondary-active:var(--ink-900);
  --color-on-secondary:var(--white);

  --color-bg:var(--white);
  --color-bg-muted:var(--ink-50);
  --color-surface:var(--white);
  --color-surface-sunken:var(--ink-100);
  --color-surface-elevated:var(--white);
  --color-surface-inverse:var(--ink-1000);
  --color-surface-campaign:var(--lemona-green-500);

  --color-text:var(--ink-1000);
  --color-text-secondary:var(--ink-600);
  --color-text-muted:var(--ink-500);
  --color-text-inverse:var(--white);
  --color-text-link:var(--ink-1000);
  --color-text-link-hover:var(--color-primary-hover);

  --color-border:var(--ink-200);
  --color-border-strong:var(--ink-300);
  --color-border-inverse:rgba(255,255,255,.18);
  --color-focus:var(--ink-1000);
  --color-focus-on-dark:var(--lemona-orange-400);

  --color-success:var(--green-500);
  --color-success-soft:var(--green-100);
  --color-warning:var(--amber-500);
  --color-warning-soft:var(--amber-100);
  --color-error:var(--red-500);
  --color-error-soft:var(--red-100);
  --color-info:var(--blue-500);
  --color-info-soft:var(--blue-100);

  /* Commerce-specific */
  --color-sale:var(--red-500);            /* strike-through comparison + SALE badge */
  --color-sale-soft:var(--red-100);
  --color-discount:var(--green-500);      /* "30% OFF" savings text */
  --color-stock-warning:var(--amber-500); /* "Only 3 left" */
  --color-in-stock:var(--green-500);
  --color-out-of-stock:var(--ink-400);
  --color-badge-new:var(--ink-1000);
  --color-badge-bestseller:var(--lemona-orange-500);
  --color-rating:var(--lemona-orange-500);
  --color-price:var(--ink-1000);
  --color-price-compare:var(--ink-400);
  --color-skeleton:var(--ink-100);
  --color-skeleton-shine:var(--ink-150);
  --color-overlay:rgba(11,11,12,.55);
}