/* Design tokens: every colour, font and spacing value the theme uses comes from here. */

@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/assistant-400.woff2") format("woff2"), url("../fonts/assistant-400.woff") format("woff");
}
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/assistant-700.woff2") format("woff2"), url("../fonts/assistant-700.woff") format("woff");
}

:root {
  /* Brand */
  --yms-ink: #1a1128;            /* header, footer, headings */
  --yms-ink-rgb: 26, 17, 40;
  --yms-purple: #5b2c9e;         /* primary buttons, accents */
  --yms-purple-dark: #4a2382;
  --yms-gold: #febd59;           /* highlights, badges */
  --yms-white: #ffffff;

  /* Neutrals */
  --yms-text: rgba(var(--yms-ink-rgb), 0.75);
  --yms-text-strong: var(--yms-ink);
  --yms-muted: #756c80;
  --yms-grey-900: #25262b;
  --yms-grey-800: #34353c;
  --yms-grey-600: #55575e;
  --yms-line: rgba(var(--yms-ink-rgb), 0.12);
  --yms-surface: #f6f5f2;        /* soft panels */
  --yms-surface-lilac: #f7f5fb;
  --yms-surface-warm: #fffefa;

  /* Status */
  --yms-success: #1a7f37;
  --yms-warning: #9a6700;
  --yms-error: #b42318;
  --yms-whatsapp: #25d366;
  --yms-instagram: #e4405f;
  --yms-facebook: #1877f2;

  /* Type */
  --yms-font: "Assistant", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --yms-text-size: 1rem;         /* 16px */
  --yms-line-height: 1.6;
  --yms-letter-spacing: 0.0375rem;

  /* Layout */
  --yms-page-width: 1200px;
  --yms-gutter: 1rem;
  --yms-radius-sm: 6px;
  --yms-radius: 8px;
  --yms-radius-lg: 12px;
  --yms-shadow: 0 10px 30px rgba(var(--yms-ink-rgb), 0.16);
  --yms-header-height: 134px;
}

@media (min-width: 750px) {
  :root { --yms-gutter: 3.125rem; } /* 50px, as today */
}