:root {
  --jadato-color-text-primary: #16253d;
  --jadato-color-text-secondary: #6a7890;
  --jadato-color-surface-card: #ffffff;
  --jadato-color-surface-soft: #f6f9fc;
  --jadato-color-surface-soft-strong: #edf3f9;
  --jadato-color-accent-primary: #2f6fec;
  --jadato-color-accent-primary-hover: color-mix(
    in srgb,
    var(--jadato-color-accent-primary),
    black 20%
  );
  --jadato-color-focus-ring: rgba(47, 111, 236, 0.12);
  --jadato-color-error: #b42318;
  --jadato-color-error-ring: rgba(180, 35, 24, 0.08);
  --jadato-color-card-border: rgba(206, 215, 227, 0.9);
  --jadato-color-card-border-strong: rgba(206, 215, 227, 0.95);
  --jadato-color-card-border-subtle: rgba(206, 215, 227, 0.85);
  --jadato-color-control-border: #ced7e3;
  --jadato-color-control-border-strong: #aebdce;
  --jadato-color-divider: rgba(206, 215, 227, 0.9);
  --jadato-color-divider-soft: rgba(206, 215, 227, 0.8);
  --jadato-color-button-primary-text: #ffffff;
  --jadato-radius-card: 20px;
  --jadato-radius-card-compact: 16px;
  --jadato-radius-control: 10px;
  --jadato-radius-button: 14px;
  --jadato-radius-pill: 999px;
  --jadato-space-card-x: 1.25rem;
  --jadato-space-card-y: 1.35rem;
  --jadato-space-panel: 1.6rem;
  --jadato-space-section: 2rem;
  --jadato-space-button-x: 1.25rem;
  --jadato-space-button-y: 0.95rem;
  --jadato-control-min-height: 46px;
  --jadato-button-min-height: 54px;
  --jadato-font-size-body: 1rem;
  --jadato-font-size-help: 0.95rem;
  --jadato-font-size-remove: 0.875rem;
  --jadato-font-size-label: 0.76rem;
  --jadato-font-size-heading: 1.5rem;
  --jadato-font-size-button: 1.375rem;
  --jadato-font-weight-button: 600;
  --jadato-shadow-card: 0 10px 28px rgba(15, 23, 42, 0.05);
  --jadato-shadow-card-soft: 0 4px 16px rgba(15, 23, 42, 0.04);
  --jadato-shadow-sticky: 0 -10px 30px rgba(15, 23, 42, 0.12);
  --jadato-shadow-focus: 0 0 0 4px var(--jadato-color-focus-ring);
  --jadato-sticky-cta-padding-x: 14px;
  --jadato-sticky-cta-padding-y: 12px;
  --jadato-sticky-cta-z-index: 99999;
  --jadato-sticky-cta-button-min-height: 56px;
  --jadato-sticky-cta-font-size: 1.375rem;
  --jadato-sticky-cta-font-weight: 600;
  --jadato-sticky-cta-line-height: 1.2;
  --jadato-mobile-bottom-nav-height: 0px;
  --jadato-sticky-cta-reserved-space: calc(
    var(--jadato-sticky-cta-button-min-height) +
    (1 * var(--jadato-sticky-cta-padding-y)) -
    2.5rem +
    env(safe-area-inset-bottom)
  );
  --jadato-sticky-cta-total-reserved-space: calc(
    var(--jadato-sticky-cta-reserved-space) +
    var(--jadato-mobile-bottom-nav-height, 0px)
  );
}