:root {
  /* Colors — design_handoff_direct_property/README.md "Design Tokens" */
  --dp-color-navy: #101A33;
  --dp-color-navy-gradient: linear-gradient(120deg, #101A33, #1B2A52);
  --dp-color-gold: #F2A900;
  --dp-color-gold-hover: #D99400;
  --dp-color-text: #14171F;
  --dp-color-text-muted: #6B7280;
  --dp-color-text-muted-on-dark: #8894AD;
  --dp-color-border: #E6E8EC;
  --dp-color-border-hairline: #F0F1F3;
  --dp-color-bg-card: #FFFFFF;
  --dp-color-bg-dashboard: #F6F7F9;
  --dp-color-bg-table-header: #FAFAFB;
  --dp-color-success-bg: #DCFCE7;
  --dp-color-success-text: #15803D;
  --dp-color-warning-bg: #FFF4DC;
  --dp-color-warning-text: #B7791F;
  --dp-color-info-bg: #E5EDFF;
  --dp-color-info-text: #2563EB;
  --dp-color-error: #DC2626;

  /* Typography — the prototype rendered all headings in Sora, so the
     headline token points at Sora too (the bundled Fraunces face was unused
     and has been removed). */
  --dp-font-headline: 'Sora', sans-serif;
  --dp-font-body: 'Sora', sans-serif;

  /* Spacing / radius / shadow */
  --dp-radius-card: 14px;
  --dp-radius-control: 10px;
  --dp-radius-banner: 20px;
  --dp-shadow-dropdown: 0 24px 48px rgba(16, 26, 51, 0.18);
  --dp-shadow-card-hover: 0 8px 24px rgba(16, 26, 51, 0.1);
  --dp-content-max-width: 1400px;
  --dp-content-max-width-narrow: 1300px;
  --dp-breakpoint-mobile: 900px;
}

@font-face {
  font-family: 'Sora';
  src: url('../fonts/sora-variable.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}