:root {
  --pa-font-family-heading: "Montserrat", sans-serif;
  --pa-font-family-body: "Montserrat", sans-serif;
  --pa-font-family-ui: "Montserrat", sans-serif;

  --pa-color-primary: #6f7673;
  --pa-color-primary-hover: #5d6461;
  --pa-color-secondary: #2b2725;
  --pa-color-success: #496a58;
  --pa-color-warning: #9a681f;
  --pa-color-danger: #a33a3a;
  --pa-color-background: #fafafa;
  --pa-color-surface: #ffffff;
  --pa-color-surface-soft: #f4f6f5;
  --pa-color-border: #d9dddb;
  --pa-color-text-primary: #111111;
  --pa-color-text-secondary: #5e6461;
  --pa-color-focus: #4054b2;
  --pa-color-inverse: #ffffff;
  --pa-color-overlay: rgba(17, 17, 17, 0.56);
  --pa-color-hover-soft: rgba(17, 17, 17, 0.04);

  --pa-radius-small: 4px;
  --pa-radius-medium: 8px;
  --pa-radius-large: 12px;
  --pa-radius-pill: 999px;

  --pa-border-width: 1px;
  --pa-border-width-strong: 2px;

  --pa-shadow-small: 0 3px 16px rgba(43, 39, 37, 0.06);
  --pa-shadow-medium: 0 8px 28px rgba(43, 39, 37, 0.10);
  --pa-shadow-large: 0 16px 44px rgba(43, 39, 37, 0.16);

  --pa-transition-fast: 120ms ease;
  --pa-transition-base: 160ms ease;
  --pa-transition-slow: 240ms ease;
  --pa-lift-small: -1px;
  --pa-lift-medium: -2px;

  --pa-spacing-xs: 4px;
  --pa-spacing-s: 8px;
  --pa-spacing-m: 16px;
  --pa-spacing-l: 24px;
  --pa-spacing-xl: 32px;
  --pa-spacing-2xl: 48px;
  --pa-spacing-3xl: 64px;

  --pa-font-size-display: clamp(40px, 7vw, 72px);
  --pa-font-size-heading-xl: clamp(32px, 5vw, 48px);
  --pa-font-size-heading-l: clamp(28px, 4vw, 40px);
  --pa-font-size-heading-m: clamp(24px, 3vw, 32px);
  --pa-font-size-heading-s: 20px;
  --pa-font-size-body-large: 18px;
  --pa-font-size-body: 16px;
  --pa-font-size-body-small: 14px;
  --pa-font-size-caption: 12px;
  --pa-font-size-button: 16px;
  --pa-line-height-heading: 1.15;
  --pa-line-height-body: 1.55;
  --pa-line-height-ui: 1.3;
  --pa-line-height-compact: 1.2;
  --pa-line-height-control: 1.4;
  --pa-font-weight-regular: 400;
  --pa-font-weight-medium: 500;
  --pa-font-weight-semibold: 600;
  --pa-font-weight-bold: 700;

  --pa-control-height: 52px;
  --pa-control-height-compact: 44px;
  --pa-control-padding-x: 16px;
  --pa-textarea-min-height: 120px;
  --pa-choice-card-min-height: 160px;
  --pa-check-size: 20px;
  --pa-toggle-height: 24px;
  --pa-toggle-width: 42px;
  --pa-badge-min-height: 28px;
  --pa-dropdown-min-width: 220px;
  --pa-grid-item-min-width: 260px;
  --pa-focus-width: 3px;
  --pa-icon-small: 16px;
  --pa-icon-medium: 24px;
  --pa-icon-large: 32px;

  --pa-container-narrow: 720px;
  --pa-container: 1040px;
  --pa-container-wide: 1300px;
  --pa-container-gutter: 20px;
  --pa-z-modal: 1000;

  /* Backwards-compatible aliases used by existing PääAsia views. */
  --pa-font-heading: var(--pa-font-family-heading);
  --pa-font-body: var(--pa-font-family-body);
  --pa-font-ui: var(--pa-font-family-ui);
  --pa-color-text: var(--pa-color-text-primary);
  --pa-color-brand: var(--pa-color-primary);
  --pa-color-dark: var(--pa-color-secondary);
  --pa-color-muted: var(--pa-color-text-secondary);
  --pa-color-soft: var(--pa-color-surface-soft);
  --pa-content-width: var(--pa-container);
  --pa-card-radius: var(--pa-radius-large);
  --pa-space-1: var(--pa-spacing-s);
  --pa-space-2: var(--pa-spacing-m);
  --pa-space-3: var(--pa-spacing-l);
  --pa-space-4: var(--pa-spacing-xl);
  --pa-button-min-height: var(--pa-control-height);
  --pa-button-compact-min-height: var(--pa-control-height-compact);
  --pa-button-padding-x: var(--pa-spacing-xl);
  --pa-button-radius: var(--pa-radius-small);
  --pa-button-border-width: var(--pa-border-width-strong);
}