/*
 * Compando design tokens and self-hosted fonts.
 * Colours follow the app theme (mobile/lib/app/compando_theme.dart) and the
 * Oxblood/Cream splash world. Fonts are served from this site only; no
 * third-party font service is contacted.
 */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/assets/fonts/fraunces-latin-roman.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url("/assets/fonts/fraunces-latin-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Brand palette */
  --cream: #f4efe3;
  --paper: #fbf8f1;
  --ink: #201f1b;
  --ink-soft: #4a463e;
  --muted: #6b665a;
  --line: #dcd4c4;
  --oxblood: #6e2331;
  --oxblood-mid: #7c2e3a;
  --oxblood-deep: #531a24;
  --night: #220d12;
  --rose: #e7b9c0;
  --rose-soft: #c99aa0;
  --on-dark: #f4efe3;
  --on-dark-soft: rgba(244, 239, 227, 0.78);
  --on-dark-line: rgba(244, 239, 227, 0.2);

  /* Type */
  --font-serif: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem);
  --step-3: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --step-4: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
  --step-5: clamp(2.75rem, 1.5rem + 5.2vw, 6rem);

  /* Layout */
  --page-max: 78rem;
  --gutter: clamp(1.25rem, 4.5vw, 3.5rem);
  --section-space: clamp(5rem, 3rem + 7vw, 9.5rem);
  --radius-s: 0.75rem;
  --radius-m: 1.25rem;
  --radius-l: 2rem;
  --header-height: 4.5rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}