/* Design tokens shared by the shop (app.css) and the panel (admin.css). */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-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;
}

:root {
  --ink: #14161B;
  --ink-2: #3A3F4B;
  --muted: #5B6170;
  --line: #E6E8EC;
  --line-soft: #EEF0F3;
  --field: #D5D8DE;
  --surface: #F5F6F8;
  --surface-2: #F3F4F6;
  --page-alt: #F7F8FA;
  --white: #FFFFFF;
  --accent: #FFD43B;
  --danger: #B42318;
  --success: #1A7F4B;
  --star: #E8A700;
  --warn-bg: #FFF4CC;
  --warn-fg: #6B4E00;

  /* Image placeholder tints */
  --tint-1: #EAF0F7;
  --tint-2: #F3EEE6;
  --tint-3: #E9F3EE;
  --tint-4: #F2ECF5;
  --tint-5: #F6F1E3;

  --radius-pill: 999px;
  --radius-card: 20px;
  --radius-panel: 28px;
  --radius-field: 12px;

  --container: 1280px;
  --container-narrow: 1180px;
  --gutter: 24px;

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

@media (max-width: 600px) {
  :root {
    --gutter: 16px;
  }
}