/* Dra. Mariah Pires — design tokens.
   Official colours: brandboard (Drive 04 Identidade). Tokens marked "derived" exist only to reach WCAG AA
   and are tints/shades of an official colour, never new hues. */

@font-face {
  font-family: "Playfair Display";
  src: url("/assets/fonts/playfair-display.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: url("/assets/fonts/playfair-display-italic.woff2") format("woff2");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/montserrat.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Accent only (D-040): Birthstone Bounce Medium, OFL-1.1. Loaded by the browser only where var(--accent-script) is used. */
@font-face {
  font-family: "Birthstone Bounce";
  src: url("/assets/fonts/birthstone-bounce-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* official */
  --cacau: #32241F;
  --laranja-nobre: #B85E3C;
  --clay: #C78A53;
  --oliva: #73724D;
  --rosa-terroso: #B58B81;
  --cobre: #956D52;
  --pergaminho: #E1D2C2;

  /* derived (AA helpers) */
  --papel: #F5EFE8;          /* derived: light tint of pergaminho for long reading surfaces */
  --laranja-tinta: #9C4A2B;  /* derived: shade of laranja nobre for small text on papel (5.37:1) */
  --branco: #FFFFFF;         /* small text on oliva (4.9:1); papel on oliva is only 4.34:1 */
  /* AA notes: laranja nobre carries large text only (papel 3.91, white 4.46). clay on cacau 5.11. */
  --cacau-80: rgb(50 36 31 / 0.8);
  --cacau-60: rgb(50 36 31 / 0.64);
  --cacau-12: rgb(50 36 31 / 0.12);
  --pergaminho-70: rgb(225 210 194 / 0.72);
  --pergaminho-20: rgb(225 210 194 / 0.2);

  /* type */
  --serif: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --accent-script: "Birthstone Bounce", "Playfair Display", cursive;

  --step--2: 0.6875rem;                                   /* 11px micro labels */
  --step--1: 0.8125rem;                                   /* 13px */
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);     /* body */
  --step-1: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --step-3: clamp(2rem, 1.6rem + 1.8vw, 3.25rem);
  --step-4: clamp(2.75rem, 2rem + 3.6vw, 5.5rem);
  --step-5: clamp(3.25rem, 2rem + 6.4vw, 9.5rem);         /* display */

  --track-micro: 0.22em;
  --track-label: 0.14em;

  /* space */
  --gutter: clamp(1rem, 0.6rem + 2vw, 2.5rem);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --space-6: clamp(5rem, 3rem + 8vw, 10rem);
  --max: 88rem;
  --measure: 38rem;

  /* shape & motion */
  --radius: 2px;
  --rule: 1px solid currentColor;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-press: 140ms;
  --dur-ui: 200ms;
  --dur-reveal: 560ms;
  --focus: 0 0 0 3px var(--papel), 0 0 0 5px var(--cacau);
}