:root {
  --obm-navy-950: #071d33;
  --obm-navy-900: #0b2742;
  --obm-navy-800: #123452;
  --obm-gold-600: #c4a15a;
  --obm-gold-500: #d1b16d;
  --obm-cream: #f8f6f1;
  --obm-stone: #efece5;
  --obm-white: #ffffff;
  --obm-charcoal: #252525;
  --obm-grey-600: #6f7479;
  --obm-grey-400: #9a9ea3;
  --obm-grey-300: #d8d8d5;

  --obm-bg: var(--obm-cream);
  --obm-bg-alt: var(--obm-stone);
  --obm-bg-inverse: var(--obm-navy-950);
  --obm-text: var(--obm-charcoal);
  --obm-text-muted: var(--obm-grey-600);
  --obm-text-inverse: var(--obm-cream);
  --obm-border: var(--obm-grey-300);
  --obm-accent: var(--obm-gold-600);
  --obm-interactive: var(--obm-navy-950);
  --obm-focus: var(--obm-gold-600);

  --obm-container: 1360px;
  --obm-radius: 2px;
  --obm-header-h: 6.75rem;
  --obm-header-h-scrolled: 5.25rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6rem;
  --space-12: 7.5rem;
  --space-14: 10rem;

  --section-y: clamp(4rem, 8vw, 10rem);
  --pad-x: clamp(1.25rem, 4vw, 6rem);

  --obm-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --obm-font-display: var(--obm-font-serif);
  --obm-font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  --obm-type-display-xl: clamp(3rem, 6vw, 5.5rem);
  --obm-type-display-lg: clamp(2.75rem, 4.5vw, 4.5rem);
  --obm-type-h1: clamp(2.5rem, 3.5vw, 4.25rem);
  --obm-type-h2: clamp(2rem, 3vw, 3.25rem);
  --obm-type-h3: clamp(1.5rem, 2vw, 1.875rem);
  --obm-type-h4: clamp(1.25rem, 1.4vw, 1.5rem);
  --obm-type-body-lg: clamp(1.125rem, 1.1vw, 1.1875rem);
  --obm-type-body: 1.0625rem;
  --obm-type-body-sm: 0.9375rem;
  --obm-type-eyebrow: 0.75rem;
  --obm-type-caption: 0.8125rem;

  --obm-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --obm-duration-fast: 250ms;
  --obm-duration: 350ms;
  --obm-duration-slow: 500ms;

  --obm-overlay-hero: linear-gradient(
    105deg,
    rgba(7, 29, 51, 0.88) 0%,
    rgba(7, 29, 51, 0.62) 48%,
    rgba(7, 29, 51, 0.35) 100%
  );
}
