/* MSQUARE Capital design tokens. Source of truth: DESIGN.md */

@font-face {
  font-family: "Brygada 1918";
  src: url("../fonts/brygada-1918-roman.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brygada 1918";
  src: url("../fonts/brygada-1918-italic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Schibsted Grotesk";
  src: url("../fonts/schibsted-grotesk-roman.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
/* Metric-matched fallbacks keep layout shift close to zero while the web fonts load */
@font-face {
  font-family: "Brygada Fallback";
  src: local("Georgia");
  size-adjust: 103%;
  ascent-override: 92%;
  descent-override: 26%;
}
@font-face {
  font-family: "Schibsted Fallback";
  src: local("Helvetica Neue"), local("Arial");
  size-adjust: 99%;
  ascent-override: 96%;
  descent-override: 26%;
}

:root {
  /* Grounds */
  --paper: #EEECE7;
  --stone: #E3E0D8;
  --stone-deep: #D2CDC3;
  --night: #131C26;
  --night-raised: #1B2632;
  --green: #1F3D34;
  --green-deep: #18302A;

  /* Text */
  --ink: #131B24;
  --body: #353D46;
  --muted: #5A5E60;
  --on-night: #E9E6DF;
  --on-night-muted: #A7A9A6;
  --green-text: #245043;
  --green-light: #A3C6B5;
  --logo-navy: #0E2841;

  /* Lines and states */
  --rule: #B3ADA2;
  --rule-strong: #8C877D;
  --rule-night: #3A4654;
  --focus: #245043;
  --focus-on-night: #A3C6B5;
  --error: #8E2B1F;
  --error-on-night: #F0A595;

  /* Type */
  --serif: "Brygada 1918", "Brygada Fallback", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --sans: "Schibsted Grotesk", "Schibsted Fallback", "Helvetica Neue", Arial, sans-serif;

  --fs-xxl: clamp(4.5rem, 13vw, 12.5rem);
  --fs-xl: clamp(2.375rem, 4.2vw, 4rem);
  --fs-l: clamp(1.875rem, 3vw, 3rem);
  --fs-m: clamp(1.375rem, 1.9vw, 1.875rem);
  --fs-lead: clamp(1.1875rem, 1.55vw, 1.4375rem);
  --fs-body: 1.0625rem;
  --fs-body-s: 0.9375rem;
  --fs-ui: 0.9375rem;
  --fs-caption: 0.8125rem;
  --fs-side: 1.0625rem;

  /* Space */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --s10: 128px;
  --s11: 192px;
  --section: clamp(96px, 11vw, 176px);
  --section-tight: clamp(64px, 7vw, 112px);

  /* Grid */
  --max: 1440px;
  --margin: clamp(20px, 5.2vw, 88px);
  --gutter: clamp(16px, 2vw, 32px);
  --header-h: 76px;

  /* Motion */
  --ease-stone: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-weight: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-settle: cubic-bezier(0.16, 1, 0.3, 1);
  --t-ui: 240ms;
  --t-state: 600ms;
  --t-reveal: 1100ms;
  --t-wipe: 1400ms;
  --t-opening: 2200ms;
  --stagger: 110ms;

  /* Layers */
  --z-header: 50;
  --z-panel: 60;
  --z-skip: 100;
}