/* TWK Lausanne — relative URLs resolve against this stylesheet (/shared/),
   so they stay correct under sub-path (BASE_URL) deploys. */
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("fonts/TWKLausanne-300.woff2") format("woff2"),
    url("fonts/TWKLausanne-300.woff") format("woff");
}
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("fonts/TWKLausanne-300Italic.woff2") format("woff2"),
    url("fonts/TWKLausanne-300Italic.woff") format("woff");
}
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 350;
  font-style: normal;
  font-display: swap;
  src: url("fonts/TWKLausanne-350.woff2") format("woff2"),
    url("fonts/TWKLausanne-350.woff") format("woff");
}
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 350;
  font-style: italic;
  font-display: swap;
  src: url("fonts/TWKLausanne-350Italic.woff2") format("woff2"),
    url("fonts/TWKLausanne-350Italic.woff") format("woff");
}
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/TWKLausanne-400.woff2") format("woff2"),
    url("fonts/TWKLausanne-400.woff") format("woff");
}
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("fonts/TWKLausanne-400Italic.woff2") format("woff2"),
    url("fonts/TWKLausanne-400Italic.woff") format("woff");
}
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/TWKLausanne-700.woff2") format("woff2"),
    url("fonts/TWKLausanne-700.woff") format("woff");
}
@font-face {
  font-family: "TWK Lausanne";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("fonts/TWKLausanne-700Italic.woff2") format("woff2"),
    url("fonts/TWKLausanne-700Italic.woff") format("woff");
}

:root {
  --ramp-font: "TWK Lausanne", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --white-rgb: 255, 255, 255;
  --white-0: rgba(var(--white-rgb), 0);
  --white-25: rgba(var(--white-rgb), 0.025);
  --white-50: rgba(var(--white-rgb), 0.05);
  --white-100: rgba(var(--white-rgb), 0.1);
  --white-200: rgba(var(--white-rgb), 0.2);
  --white-300: rgba(var(--white-rgb), 0.3);
  --white-400: rgba(var(--white-rgb), 0.4);
  --white-500: rgba(var(--white-rgb), 0.5);
  --white-600: rgba(var(--white-rgb), 0.6);
  --white-700: rgba(var(--white-rgb), 0.7);
  --white-800: rgba(var(--white-rgb), 0.8);
  --white-900: rgba(var(--white-rgb), 0.9);
  --black-rgb: 33, 33, 33;
  --black-0: rgba(var(--black-rgb), 0);
  --black-25: rgba(var(--black-rgb), 0.025);
  --black-50: rgba(var(--black-rgb), 0.05);
  --black-100: rgba(var(--black-rgb), 0.1);
  --black-200: rgba(var(--black-rgb), 0.2);
  --black-300: rgba(var(--black-rgb), 0.3);
  --black-400: rgba(var(--black-rgb), 0.4);
  --black-500: rgba(var(--black-rgb), 0.5);
  --black-600: rgba(var(--black-rgb), 0.6);
  --black-700: rgba(var(--black-rgb), 0.7);
  --black-800: rgba(var(--black-rgb), 0.8);
  --black-900: rgba(var(--black-rgb), 0.9);
  --black: oklch(0.2145 0.0016 17.28);
  --dusk: linear-gradient(in oklab to top, #E4EBF6 8%, #C3D3EF 20%, #5683D2 48%, #001B4A 100%);
  --midnight: linear-gradient(in oklab to bottom, #000000 0%, #112D5B 100%);
  --daylight: linear-gradient(in oklab to bottom, #D2DFF3 22%, #F2F5F9 93%);
  --solar: oklch(0.9199 0.2009 113.99);
  --solarLight: oklch(0.9663 0.1583 112.84);
  --smolder: oklch(0.2969 0.036 178.08);
  --grayLight: oklch(0.9621 0.0034 67.78);
  --grayMedium: oklch(0.8537 0.0061 59.64);
  --grayDark: oklch(0.5273 0.0059 48.61);
  --white: oklch(1 0 0);
  --text-primary: oklch(0.1465 0.0057 69.2);
  --text-primaryReverse: oklch(1 0 0);
  --text-hushed: oklch(0.1465 0.0057 69.2 / 60%);
  --text-hushedReverse: oklch(1 0 0 / 60%);
  --blaze: oklch(0.6618 0.1819 44.91);
  --border-primary: oklch(0.8537 0.0061 59.64);
  --springLight: oklch(0.938 0.0167 259.42);
  --spring: oklch(0.614 0.1302 260.96);
}

/* Force TWK Lausanne as the root font, overriding per-app stylesheets. */
html,
body {
  font-family: var(--ramp-font) !important;
}