@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-latin-wght-normal.woff2') format('woff2-variations');
}

:root {
  --kryar-primary: #032055;
  --kryar-primary-hover: #021943;
  --kryar-accent: #0689a3;
  --kryar-accent-hover: #057288;
  --kryar-background: #ffffff;
  --kryar-surface: #ffffff;
  --kryar-surface-muted: #f4f7fa;
  --kryar-text: #0a1830;
  --kryar-text-secondary: #536176;
  --kryar-border: #c9d7e6;
  --kryar-focus: #057288;
  --kryar-success: #2b7a4b;
  --kryar-warning: #a45e00;
  --kryar-error: #b42318;
  --kryar-overlay: rgb(3 32 85 / 52%);
  --kryar-shadow-subtle: 0 8px 28px rgb(3 32 85 / 8%);

  --kryar-font-sans:
    'Plus Jakarta Sans', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', sans-serif;
  --kryar-font-mono: 'SFMono-Regular', consolas, 'Liberation Mono', monospace;

  --kryar-step--1: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --kryar-step-0: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --kryar-step-1: clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);
  --kryar-step-2: clamp(1.375rem, 1.24rem + 0.58vw, 1.75rem);
  --kryar-step-3: clamp(2.125rem, 1.95rem + 0.75vw, 2.625rem);
  --kryar-step-4: clamp(2.5rem, 2.15rem + 1.5vw, 3.5rem);

  --kryar-space-1: 0.25rem;
  --kryar-space-2: 0.5rem;
  --kryar-space-3: 0.75rem;
  --kryar-space-4: 1rem;
  --kryar-space-5: 1.5rem;
  --kryar-space-6: 2rem;
  --kryar-space-7: 3rem;
  --kryar-space-8: 4rem;
  --kryar-space-9: 6rem;
  --kryar-space-10: 8rem;

  --kryar-radius-sm: 0.25rem;
  --kryar-radius-md: 0.5rem;
  --kryar-container: 78rem;
  --kryar-content: 48.75rem;
  --kryar-copy-measure: 38.75rem;
  --kryar-gutter: clamp(1rem, 3vw, 2rem);
  --kryar-layout-gap: clamp(3rem, 5vw, 5rem);
  --kryar-section-block: clamp(4.5rem, 5.5vw, 5.5rem);
  --kryar-section-block-feature: clamp(5rem, 6vw, 6.5rem);
  --kryar-section-block-compact: clamp(3rem, 4vw, 4rem);
  --kryar-header-height: 5rem;
  --kryar-transition-fast: 160ms ease;
  --kryar-transition-base: 280ms cubic-bezier(0.22, 1, 0.36, 1);

  --e-global-color-primary: var(--kryar-primary);
  --e-global-color-secondary: var(--kryar-text);
  --e-global-color-text: var(--kryar-text);
  --e-global-color-accent: var(--kryar-accent);
  --e-global-typography-primary-font-family: var(--kryar-font-sans);
  --e-global-typography-secondary-font-family: var(--kryar-font-sans);
  --e-global-typography-text-font-family: var(--kryar-font-sans);
  --e-global-typography-accent-font-family: var(--kryar-font-sans);
}