/* EniacStore design tokens — the single place for the platform font and colours.
   Loaded first on every page: customer storefront, staff console, DIY builder, chat, workflow demo,
   Magento's own customer pages, the Magento admin, error/maintenance pages and the offline page.
   Change a value here and it applies everywhere. After changing --es-brand or --es-bg, run
   scripts/apply-design-tokens.py to copy them into the app manifest and the browser theme colour. */

/* Figtree (SIL Open Font License 1.1, see fonts/Figtree-OFL.txt), self-hosted. Variable weight 300–900. */
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(/eniac-assets/fonts/figtree-latin-wght-normal.woff2) format('woff2-variations'),url(/eniac-assets/fonts/figtree-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(/eniac-assets/fonts/figtree-latin-ext-wght-normal.woff2) format('woff2-variations'),url(/eniac-assets/fonts/figtree-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* Type */
  --es-font:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --es-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;

  /* Neutrals */
  --es-bg:#ffffff;            /* page and card background */
  --es-surface:#f7f7f7;       /* footer, subtle panels, hover */
  --es-line:#dddddd;          /* borders and dividers */
  --es-line-strong:#b0b0b0;   /* form field borders */
  --es-muted:#6a6a6a;         /* secondary text */
  --es-ink:#222222;           /* primary text, focus ring, dark surfaces */

  /* Brand */
  --es-brand:#ff385c;         /* primary buttons, search, highlights */
  --es-brand-hover:#e00b41;   /* hover and pressed */
  --es-brand-strong:#c2184b;  /* brand text on light backgrounds */
  --es-brand-soft:#ffc8d3;    /* brand borders and accents */
  --es-brand-tint:#fff1f3;    /* brand-tinted backgrounds */
  --es-on-brand:#ffffff;      /* text on brand colour */

  /* Status */
  --es-success:#2e7d4f;
  --es-success-soft:#bfe3cc;
  --es-success-tint:#edf8f1;
  --es-warning:#8a5a12;
  --es-warning-soft:#f0d8ae;
  --es-warning-tint:#fff6e8;
  --es-info:#3b5b8a;
  --es-info-soft:#d5ddeb;
  --es-info-tint:#f1f5fa;
  --es-focus:#222222;

  /* Category tints (home-page tiles and cards) */
  --es-tone-1:#fff1f3;--es-tone-2:#eef4ff;--es-tone-3:#effaf3;--es-tone-4:#fff7e8;
  --es-tone-5:#eefaf9;--es-tone-6:#f5f0ff;--es-tone-7:#fdf2fa;--es-tone-8:#f2f5f7;

  /* Shape */
  --es-radius-sm:8px;--es-radius:12px;--es-radius-lg:16px;--es-radius-pill:999px;
  --es-shadow:0 6px 16px rgba(0,0,0,.08);
}