/* ============================================================
   Distribuidora Essence — tokens
   Marketplace layout: white ground, brand green doing the work
   noon's yellow does. Light only, by decision — no dark theme.
   ============================================================ */

@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  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+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-latin-ext-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  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 {
  /* -- ground ------------------------------------------------ */
  --white: #ffffff;
  --surface: #f4f5f2;
  --surface-2: #eaece7;
  --rule: #e3e6df;
  --rule-2: #d3d7cd;

  /* -- ink --------------------------------------------------- */
  --ink: #0a0a0a;
  --ink-2: #3d423c;
  --mute: #636a60;

  /* -- brand ------------------------------------------------- */
  --green: #00873e;        /* fills, buttons, chips */
  --green-ink: #006b31;    /* green TEXT — passes AA on white and on surface */
  --green-dark: #00592a;   /* pressed / hover */
  --green-deep: #007937;   /* large fills carrying white text — clears AA */
  --green-tint: #e4f2ea;
  --green-line: #b9dcc7;

  /* -- type -------------------------------------------------- */
  --sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --t-xs: 0.72rem;
  --t-sm: 0.81rem;
  --t-md: 0.94rem;
  --t-lg: clamp(1.05rem, 0.98rem + 0.3vw, 1.2rem);
  --t-xl: clamp(1.35rem, 1.15rem + 0.9vw, 1.9rem);
  --t-2xl: clamp(1.8rem, 1.3rem + 2.2vw, 3rem);
  --t-3xl: clamp(2.4rem, 1.3rem + 5vw, 5.4rem);

  /* -- space ------------------------------------------------- */
  --shell: clamp(0.85rem, 0.3rem + 2.4vw, 2.5rem);
  --max: 1400px;
  --bay: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);

  /* -- tracking is size-specific; one value is wrong somewhere -- */
  --tr-display: -0.038em;
  --tr-title: -0.021em;
  --tr-body: -0.004em;
  --tr-label: 0.045em;

  /* -- shape ------------------------------------------------- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* Layered shadows read as a real surface catching light;
     one big blur reads as a drop-shadow filter. */
  --lift: 0 1px 1px rgba(12, 16, 12, 0.04), 0 2px 6px rgba(12, 16, 12, 0.04);
  --lift-2: 0 1px 2px rgba(12, 16, 12, 0.05), 0 6px 14px rgba(12, 16, 12, 0.06),
    0 16px 32px rgba(12, 16, 12, 0.07);
  --lift-3: 0 2px 6px rgba(12, 16, 12, 0.07), 0 12px 28px rgba(12, 16, 12, 0.10),
    0 32px 64px rgba(12, 16, 12, 0.13);

  /* -- motion ------------------------------------------------ */
  --t-fast: 130ms;
  --t-mid: 240ms;
  /* Critically damped: reaches the target and settles, never overshoots. */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-press: cubic-bezier(0.4, 0, 0.2, 1);

  --z-head: 30;
  --z-panel: 40;
  --z-toast: 50;
}