/* Base palette — values transcribed verbatim from the Online Essentials UI Kit. */
:root{
  /* Brand primary */
  --oe-near-black:#0E0E0F;
  --oe-navy:#2E4858;          /* rgb(46,72,88) — dominant text + surface navy */
  --oe-navy-alt:#2F4858;      /* rgb(47,72,88) — Primitives "deep blue-grey" */
  --oe-green:#58FC73;         /* rgb(88,252,115) — Primitives "vibrant lime green" */
  --oe-green-alt:#56FC73;     /* rgb(86,252,115) — fill value used on web sections */
  --oe-white:#FFFFFF;

  /* Brand secondary */
  --oe-sand:#EEEEE5;          /* "off-white" section background */
  --oe-light-grey:#F6F6F6;    /* card + panel grey */
  --oe-light-blue-grey:#EBF1FC;

  /* Accents & utility */
  --oe-royal-blue:#2374E7;    /* links / accent */
  --oe-azure-deep:#112337;
  --oe-azure-mid:#517288;     /* hairline strokes on navy */
  --oe-black:#000000;

  /* Lines & borders */
  --oe-border-input:#EEEEEE;
  --oe-border-divider:#D5D8DC;
  --oe-border-sand:#E2E2DB;
  --oe-border-cool:#CED4DA;

  /* Alphas */
  --oe-white-20:rgba(255,255,255,.2);
  --oe-scrim-50:rgba(14,14,15,.5);  /* hero image scrim */
  --oe-shadow-15:rgba(0,0,0,.15);
  --oe-grey-4:rgba(9,9,9,.04);

  /* Semantic aliases (Figma "Tokens" collection) */
  --text-primary:var(--oe-navy);
  --text-header:var(--oe-near-black);
  --text-accent:var(--oe-green);
  --text-invert:var(--oe-white);
  --text-cta:var(--oe-near-black);
  --text-link:var(--oe-royal-blue);
  --text-muted:var(--oe-azure-mid);

  --surface-primary:var(--oe-white);
  --surface-secondary:var(--oe-light-grey);
  --surface-accent-1:var(--oe-sand);
  --surface-accent-2:var(--oe-navy);

  --brand-accent:var(--oe-green);
  --button-primary:var(--oe-green);
  --button-hover:var(--oe-near-black);

  --icon-line:var(--oe-navy);
  --icon-fill:var(--oe-green-alt);
}