@font-face {
  font-family: "PHL Display";
  src: url("fonts/arial-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --phl-blue: #33302c;
  --phl-blue-light: #6e675f;
  --phl-blue-dark: #17140f;
  --phl-blue-50: #f2efea;
  --phl-red: #ff0001;
  --phl-red-dark: #c00000;
  --phl-red-deep: #8a0000;
  --phl-action: #d40000;
  --phl-action-dark: #a30000;
  --phl-green: #3f7d24;
  --phl-green-dark: #33641d;
  --phl-ink: #17140f;
  --phl-ink-soft: #5c554d;
  --phl-line: #ded8d0;
  --phl-bg: #f4f1ec;
  --phl-surface: #ffffff;
  --phl-surface-focus: #fdf7f6;

  --phl-partner-orange: #e4570f;
  --phl-partner-orange-dark: #c4490b;

  --phl-hero-bg: #17140f;
  --phl-hero-ink: #f4f1ec;
  --phl-hero-ink-soft: #a49b90;
  --phl-hero-line: rgba(244, 241, 236, 0.16);

  --phl-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --phl-display: "PHL Display", "Arial Black", "Helvetica Neue", Impact, sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-xxl: 2.125rem;
  --fs-hero: clamp(1.9rem, 4.2vw, 2.9rem);

  --measure: 34rem;
  --measure-wide: 46rem;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 40px;
  --sp-8: 48px;

  --r-sm: 6px;
  --r-md: 10px;
  --r-full: 999px;

  --shadow-1: 0 1px 3px rgba(23, 20, 15, 0.08);
  --shadow-2: 0 8px 24px rgba(23, 20, 15, 0.14);
  --shadow-lift: 0 6px 16px rgba(23, 20, 15, 0.16);
  --shadow-hero: 0 24px 48px rgba(0, 0, 0, 0.45);
  --ring: 0 0 0 3px rgba(212, 0, 0, 0.28);

  --phl-header-h: 64px;
}