@font-face {
  font-family: "Ridgeline Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./outfit-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Ridgeline Astronomus";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./astronomus-regular.woff2") format("woff2");
}

:root {
  /* Ridgeline foundations: portable across general employee tools. */
  --rh-navy-950: #0a1728;
  --rh-navy-900: #12243b;
  --rh-navy-800: #1c354f;
  --rh-navy-700: #2d4b68;
  --rh-navy-100: #e4ebf1;
  --rh-red-600: #b64046;
  --rh-red-700: #96343c;
  --rh-red-100: #f7e9e9;

  --rh-ink: #1b2939;
  --rh-ink-soft: #4c5b6a;
  --rh-muted: #627180;
  --rh-line: #e3e8ed;
  --rh-line-strong: #cbd4dd;
  --rh-canvas: #f6f8fa;
  --rh-surface: #ffffff;
  --rh-surface-raised: #fbfcfd;
  --rh-surface-subtle: #f0f3f6;

  --rh-focus: #2f648e;
  --rh-success: #28745b;
  --rh-success-soft: #e4f2ec;
  --rh-warning: #9a641e;
  --rh-warning-soft: #fbf0dd;
  --rh-info: #2f648e;
  --rh-info-soft: #e5eef6;

  --rh-font-sans: "Ridgeline Outfit", "Outfit", "Avenir Next", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rh-font-heading: "Ridgeline Astronomus", "Astronomus", var(--rh-font-sans);
  --rh-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --rh-action: var(--rh-navy-800);
  --rh-action-hover: var(--rh-navy-900);
  --rh-danger: #a92427;
  --rh-danger-soft: #f9e7e7;
  --rh-selected: #e8eef4;
  --rh-text-xs: 0.6875rem;
  --rh-text-sm: 0.8125rem;
  --rh-text-md: 0.9375rem;
  --rh-text-lg: 1.125rem;
  --rh-text-xl: 1.5rem;
  --rh-text-2xl: clamp(1.85rem, 4vw, 2.7rem);

  --rh-space-1: 0.25rem;
  --rh-space-2: 0.5rem;
  --rh-space-3: 0.75rem;
  --rh-space-4: 1rem;
  --rh-space-5: 1.25rem;
  --rh-space-6: 1.5rem;
  --rh-space-8: 2rem;
  --rh-space-10: 2.5rem;
  --rh-space-12: 3rem;

  --rh-radius-sm: 0px;
  --rh-radius-md: 0px;
  --rh-radius-lg: 0px;
  --rh-radius-xl: 0px;
  --rh-shadow-card: 0 2px 3px -2px rgba(12, 27, 48, .04), 0 18px 42px -24px rgba(12, 27, 48, .13);
  --rh-shadow-float: 0 26px 70px -28px rgba(12, 27, 48, .3), 0 1px 2px rgba(12, 27, 48, .04);
  --rh-transition: 220ms cubic-bezier(0.16, 1, 0.3, 1);
  --rh-touch-target: 44px;
  --rh-rail-width: 248px;
  --rh-topbar-height: 72px;
}