/* ProPlacers Design Tokens & Typography */

@font-face {
  font-family: 'Roboto';
  src: url('../assets/fonts/roboto-variable-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Fallback';
  src: local('Arial');
  ascent-override: 92.77%;
  descent-override: 24.41%;
  line-gap-override: 0%;
  size-adjust: 100.28%;
}

:root {
  /* Header height for scroll‑margin adjustments */
  --header-height: 5rem;
  /* Typography */
  --font-sans: "Roboto", "Roboto Fallback", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-heading: var(--font-sans);
  --font-body: var(--font-sans);

  /* Font Weights */
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Color Palette */
  --surface: #f9faf5;
  --surface-dim: #d9dad6;
  --surface-bright: #f9faf5;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f3f4ef;
  --surface-container: #edeee9;
  --surface-container-high: #e7e9e4;
  --surface-container-highest: #e2e3de;
  --on-surface: #1a1c19;
  --on-surface-variant: #434843;
  --outline: #737872;
  --outline-variant: #c3c8c1;
  --primary: #000301;
  --on-primary: #ffffff;
  --primary-container: #102014;
  --on-primary-container: #778979;
  --secondary: #4b6700;
  --on-secondary: #ffffff;
  --secondary-container: #b5f317;
  --secondary-fixed: #b8f61c;
  --secondary-fixed-dim: #a0d800;
  --on-secondary-container: #4e6c00;
  --tertiary: #080a08;
  --on-tertiary: #ffffff;
  --tertiary-container: #151f17;
  --on-tertiary-container: #7c887d;
  --error: #ba1a1a;
  --on-error: #ffffff;
  --background: #f9faf5;
  --on-background: #1a1c19;
  --paper-2: #f5f6f1;
  --border-hairline: #e1e4d8;
  --lime: #b7f51a;
  --lime-hover: #cafa4d;
  --lime-active: #a1da10;
  --text: #102014;
  --text-inv: #f4f6ef;
}