/* Shop with MiMi theme: "Eucalyptus & Wheat" (see /workspace/branding/muted-2.*).
   All colors, fonts and the type scale live here; styles.css only uses these variables. */

/* Self-hosted Google Fonts (SIL Open Font License 1.1), variable weights. */
@font-face { font-family:"Nunito"; font-style:normal; font-weight:600 900; font-display:swap; src:url(/fonts/nunito-latin.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:"Nunito"; font-style:normal; font-weight:600 900; font-display:swap; src:url(/fonts/nunito-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Atkinson Hyperlegible Next"; font-style:normal; font-weight:400 800; font-display:swap; src:url(/fonts/atkinson-next-latin.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:"Atkinson Hyperlegible Next"; font-style:normal; font-weight:400 800; font-display:swap; src:url(/fonts/atkinson-next-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root {
  /* palette */
  --primary: #A9C4B8;          /* eucalyptus: button fill (dark text only) */
  --primary-pressed: #93B3A5;
  --primary-ink: #1F2D29;      /* text on primary: 7.7:1 */
  --primary-border: #46685F;
  --green: #46685F;            /* headers, links, green text: 6.2:1 on white */
  --tint: #EAF1ED;             /* secondary / pale green cards */
  --gold: #E8C77E;             /* wheat accent (dark text on it: 8.8:1) */
  --gold-ink: #7E5E1E;         /* gold for text: 6.0:1 on white */
  --gold-tint: #F7EDD5;        /* pale gold tag / notice fill */
  --bg: #FAF7F0;
  --surface: #FFFFFF;
  --text: #1F2D29;             /* 13.4:1 on bg */
  --muted: #5A6762;            /* 5.5:1 on bg, 5.9:1 on white */
  --line: #E3E0D6;             /* decorative dividers */
  --field-border: #7A8882;     /* form control outline (≥3:1 non-text contrast) */
  --danger: #9A3B26;           /* errors / over budget (not in the mockup; 6.9:1 on white, always paired with text or an icon) */
  --focus: #7E5E1E;
  /* timer (bolder, still in palette) */
  --timer-bg: #1F2D29;
  --timer-ink: #FAF7F0;
  --timer-accent: #A9C4B8;
  --timer-rest: #E8C77E;

  /* type */
  --font-head: "Nunito", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-body: 1.0625rem;        /* 17px */
  --fs-secondary: 0.9375rem;   /* 15px */
  --fs-label: 0.8125rem;       /* 13px: non-essential only */
  --fs-h1: 1.75rem;            /* 28px */
  --fs-h2: 1.375rem;           /* 22px */
  --fs-h3: 1.25rem;            /* 20px */
  --fs-button: 1.0625rem;      /* 17px semibold */
  --lh-body: 1.5;

  /* shape & size */
  --radius-card: 1.25rem;
  --radius-control: 1rem;
  --radius-pill: 999px;
  --tap: 2.75rem;              /* 44px minimum tap target */
  --btn-h: 3.375rem;           /* 54px primary buttons */
  --gap: 0.5rem;               /* 8px spacing between targets */
  --shadow: 0 1px 2px #0000000f, 0 4px 14px #00000008;
}