/* Medlist — design tokens. Only :root custom properties live here. */
:root {
  /* colour */
  --color-primary: #0B6E8F;
  --color-primary-800: #08536C;
  --color-primary-600: #1183AA;
  --color-ink: #0C2430;
  --color-ink-900: #081A24;
  --color-heading: #0C2430;
  --color-text: #17323F;
  --color-muted: #5E7682;
  --color-muted-2: #8399A4;
  --color-muted-3: #B9C9D1;
  --color-line: #E4EBEF;
  --color-line-strong: #DCE5EA;
  --color-line-soft: #EEF3F5;
  --color-bg-tint: #EAF4F8;
  --color-bg-tint-2: #F3F8FA;
  --color-surface: #F6FAFB;
  --color-surface-2: #FAFCFD;
  --color-white: #FFFFFF;
  --color-brand-sky: #7FD8F5;
  --color-brand-100: #EAF4F8;
  --color-brand-200: #DCEAF2;
  --color-success: #137A52;
  --color-success-500: #1FA971;
  --color-success-100: #E3F5EC;
  --color-warning: #E0A526;
  --color-warning-800: #9A6A06;
  --color-warning-100: #FFF6DE;
  --color-danger: #D6364F;
  --color-danger-800: #B82A41;
  --color-danger-100: #FDECEF;
  --color-highlight: #FFF0B8;
  --color-on-dark: rgba(255, 255, 255, .88);
  --color-on-dark-muted: rgba(255, 255, 255, .66);
  --color-on-dark-line: rgba(255, 255, 255, .22);
  --color-overlay: rgba(8, 26, 36, .56);

  /* type */
  --font-heading: "Instrument Sans", system-ui, sans-serif;
  --font-body: "Schibsted Grotesk", system-ui, sans-serif;
  --fs-display: clamp(2.25rem, 4.2vw, 3.625rem);
  --fs-h1: clamp(2rem, 3.4vw, 2.875rem);
  --fs-h2: clamp(1.875rem, 3vw, 2.75rem);
  --fs-h3: 1.375rem;
  --fs-h4: 1.125rem;
  --fs-lead: clamp(1rem, 1.25vw, 1.15625rem);
  --fs-body: 1rem;
  --fs-md: .9375rem;
  --fs-sm: .875rem;
  --fs-xs: .8125rem;
  --fs-2xs: .75rem;
  --fs-eyebrow: .78125rem;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.6;
  --ls-tight: -.035em;
  --ls-snug: -.02em;
  --ls-caps: .1em;

  /* space (4/8 rhythm) */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --container: 1384px;
  --gutter: 2rem;
  --control-h: 48px;
  --control-h-sm: 40px;

  /* radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-2xl: 18px;
  --radius-pill: 999px;

  /* shadow */
  --shadow-ring: inset 0 0 0 1px rgba(11, 110, 143, .08);
  --shadow-card: 0 10px 24px rgba(11, 110, 143, .07), inset 0 0 0 1px rgba(11, 110, 143, .09);
  --shadow-card-hover: 0 18px 40px rgba(11, 110, 143, .16), inset 0 0 0 1px rgba(11, 110, 143, .18);
  --shadow-float: 0 18px 44px rgba(8, 26, 36, .12), inset 0 0 0 1px rgba(11, 110, 143, .08);
  --shadow-pop: 0 28px 60px rgba(8, 26, 36, .28);
  --shadow-modal: 0 30px 80px rgba(8, 26, 36, .3);
  --shadow-focus: 0 0 0 4px rgba(11, 110, 143, .12);

  /* motion */
  --t-fast: .15s ease;
  --t-med: .3s cubic-bezier(.4, 0, .2, 1);
  --t-slow: .55s cubic-bezier(.4, 0, .2, 1);

  /* z-index */
  --z-base: 1;
  --z-raised: 5;
  --z-sticky: 20;
  --z-dropdown: 40;
  --z-drawer: 1200;
  --z-modal: 1400;
  --z-lightbox: 1500;
  --z-toast: 1600;

  /* Bootstrap bridge */
  --bs-body-font-family: var(--font-body);
  --bs-body-color: var(--color-text);
  --bs-body-bg: var(--color-surface);
  --bs-primary: var(--color-primary);
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: var(--color-primary-800);
  --bs-border-color: var(--color-line);
  --bs-gutter-x: var(--gutter);
}