/* INLEX GROUP — design tokens */
:root {
  --color-ink: #020c1f;
  --color-blue: #001b42;
  --color-gold: #f8b854;
  --color-focus: #001b42;
  --color-paper: #ffffff;
  --color-mist: #f4f6f8;
  --color-line: rgba(2, 12, 31, 0.14);
  --color-line-light: rgba(255, 255, 255, 0.17);
  --color-text-muted: #526071;
  --color-overlay: rgba(2, 12, 31, 0.78);
  --font-display: "Roboto", Arial, sans-serif;
  --font-body: "Roboto", Arial, sans-serif;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --space-7: 8rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(2.25rem, 5vw, 5.2rem);
  --rule-thin: 1px;
  --radius-none: 0;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-modal: 240ms;
  --dur-base: 550ms;
}