@font-face {
  font-family: "Inter";
  src: url("fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Odd Office – red brand profile */
  --brand-red-950: #260b10;
  --brand-red-900: #3b1017;
  --brand-red-800: #641923;
  --brand-red-700: #962735;
  --brand-red-600: #cb3743;
  --brand-red-500: #ef4f55;
  --brand-red-400: #ff736d;
  --brand-red-300: #f9a29b;
  --brand-red-200: #f7c8c2;
  --brand-red-100: #fae3df;
  --brand-red-050: #fff2ef;

  --brand-ink: #211719;
  --brand-ink-soft: #5f5053;
  --brand-paper: #f2eee6;
  --brand-paper-light: #faf8f3;
  --brand-white: #ffffff;
  --brand-line: rgba(38, 11, 16, 0.18);
  --brand-green: #bfe0c8;
  --brand-yellow: #f2c64d;
  --brand-blue: #7db4f5;

  --font-sans: "Inter", "Segoe UI", Arial, sans-serif;
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 36px;
  --shadow-soft: 0 22px 70px rgba(38, 11, 16, 0.14);
  --shadow-dark: 0 28px 80px rgba(14, 3, 6, 0.3);
}