/* Matuto Astuto Design System — tokens (gerado a partir de tokens.json). Importe este arquivo uma vez, no layout global. */
:root, [data-theme="default"] {
  --ma-blue: #1b44a8;
  --ma-blue-ink: #0f2f7c;
  --ma-blue-tint: #9db4ec;
  --ma-orange: #e44624;
  --ma-orange-tint: #f5a98f;
  --ma-ink: #131313;
  --ma-cream: #f2ecdb;
  --ma-cream-bright: #fffdf8;
  --ma-white: #ffffff;
  --ma-gray-40: #4a4a4a;
  --ma-gray-60: #7a7a7a;
  --ma-gray-80: #c9c9c9;
  --ma-gray-90: #d8d3c6;
  --surface-page: var(--ma-cream);
  --surface-inverse: var(--ma-ink);
  --surface-accent: var(--ma-blue);
  --surface-alert: var(--ma-orange);
  --surface-card: var(--ma-cream-bright);
  --text-primary: var(--ma-ink);
  --text-inverse: var(--ma-cream);
  --text-muted: var(--ma-gray-40);
  --text-muted-inverse: var(--ma-gray-80);
  --text-accent: var(--ma-blue);
  --text-accent-inverse: var(--ma-blue-tint);
  --border-default: var(--ma-ink);
  --border-inverse: var(--ma-cream);
  --border-soft: var(--ma-gray-40);
  --link-default: var(--ma-ink);
  --link-hover: var(--ma-blue);
  --link-inverse-hover: var(--ma-blue-tint);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --border-width: 1.5px;
  --container-max: 1440px;
  --container-pad: 28px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-pill: 999px;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;
  --text-display-xl: clamp(58px,10.5vw,164px);
  --text-display-lg: clamp(52px,9vw,140px);
  --text-display-md: clamp(40px,6vw,88px);
  --text-display-sm: clamp(26px,3.4vw,44px);
  --text-heading: clamp(22px,3.4vw,42px);
  --text-body-lg: 18px;
  --text-body: 16px;
  --text-body-sm: 14px;
  --text-label: 13px;
  --leading-tight: 0.9;
  --leading-snug: 1.05;
  --leading-normal: 1.45;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --tracking-wider: 0.1em;
  --font-sans: 'Archivo',sans-serif;
  --font-serif-display: 'Instrument Serif',serif;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo-VariableFont.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo-Italic-VariableFont.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}