/* Elan colour system — transcribed from the "Typography I Colors" frame
   and the production screens in ELAN.fig. Do not round these values. */
:root{
  /* Declared palette (Typography I Colors swatch sheet) */
  --elan-green:#18534B;        /* Green — primary brand */
  --elan-white:#FFFFFF;        /* White */
  --elan-background:#F4F4F4;   /* Background */
  --elan-dark-grey:#C9C9C9;    /* Dark Grey */
  --elan-yellow:#F9EEAA;       /* Yellow — secondary */
  --elan-dark:#161616;         /* Dark — secondary */

  /* Extended greens observed in production screens */
  --elan-green-600:#599088;    /* footer social glyphs */
  --elan-green-400:#71ACA4;    /* oversized footer wordmark */
  --elan-mint-300:rgba(157,216,208,.7); /* footer wash stop */
  --elan-green-tint:#F0F3F2;   /* selected filter / category tab fill */
  --elan-green-05:rgba(24,83,75,.05);   /* section wash */

  /* Neutrals */
  --elan-page:#FBFBFB;         /* page canvas on every screen */
  --elan-surface:#F1F1F1;      /* product image tile */
  --elan-surface-2:#EDEDED;    /* hero gradient stop, cart summary */
  --elan-surface-3:#E3E3E3;
  --elan-border:#E6E6E6;       /* 1px hairline on tiles */
  --elan-chip:#DADADA;         /* unselected filter pill fill */
  --elan-ink:#161616;
  --elan-ink-muted:#4C4C4C;    /* product sub-line */
  --elan-ink-soft:#6A6A6A;     /* meta text */
  --elan-black:#000000;

  /* Accents */
  --elan-clay:#6D2F1F;         /* discount medallion */
  --elan-star:#A99B49;         /* review stars */

  /* Semantic aliases */
  --surface-page:var(--elan-page);
  --surface-card:var(--elan-white);
  --surface-tile:var(--elan-surface);
  --surface-inverse:var(--elan-green);
  --surface-wash:var(--elan-green-05);
  --text-body:var(--elan-ink);
  --text-muted:var(--elan-ink-muted);
  --text-meta:var(--elan-ink-soft);
  --text-inverse:var(--elan-white);
  --text-accent:var(--elan-green);
  --border-hairline:var(--elan-border);
  --border-brand:var(--elan-green);
  --action-primary:var(--elan-green);
  --action-primary-text:var(--elan-white);
  --action-secondary-text:var(--elan-green);
  --focus-ring:var(--elan-green);
}