:root {
  color-scheme: light;
  --customer-font-xs: 12px;
  --customer-font-sm: 14px;
  --customer-font-md: 16px;
  --customer-font-lg: 22px;
  --customer-font-xl: 28px;
  --customer-font-2xl: 34px;
  --customer-brand-night: #071713;
  --customer-brand-felt: #0f6b50;
  --customer-brand-gold: #d6ad55;
  --customer-brand-ivory: #f5f1e8;
  --customer-brand-walnut: #123c31;
  --customer-brand-mist: #9eb0a8;
  --customer-brand-charcoal: #222423;
  --customer-brand-cue-blue: #14647e;

  --customer-surface-page: var(--customer-brand-ivory);
  --customer-surface-raised: #faf8f3;
  --customer-surface-muted: #e9e5dd;
  --customer-text-primary: var(--customer-brand-charcoal);
  --customer-text-secondary: #62665f;
  --customer-border-default: #d1d0c8;
  --customer-action-primary: var(--customer-brand-cue-blue);
  --customer-action-primary-text: var(--customer-brand-ivory);
  --customer-focus-visible: var(--customer-brand-cue-blue);
  --customer-feedback-info: #14647e;
  --customer-feedback-success: #246a42;
  --customer-feedback-warning: #805b13;
  --customer-feedback-danger: #b42e31;
  --customer-status-neutral: #62665f;
  --customer-radius-sm: 12px;
  --customer-radius-md: 20px;
  --customer-radius-lg: 32px;
  --customer-space-1: 4px;
  --customer-space-2: 8px;
  --customer-space-3: 12px;
  --customer-space-4: 16px;
  --customer-space-5: 24px;
  --customer-space-6: 32px;
  --customer-space-7: 48px;
  --customer-glass-surface: rgb(250 248 243 / .94);
  --customer-glass-border: rgb(255 255 255 / .8);
  --customer-glass-blur: 16px;
  --customer-shadow-soft: 0 12px 40px rgb(34 36 35 / .06);
  --customer-shadow-card: 0 24px 48px rgb(20 100 126 / .17);
  --customer-art-surface: #e2e9e5;
  --customer-art-highlight: #c4dce0;
  --customer-text-on-brand: var(--customer-brand-ivory);
  --customer-display: clamp(44px, 5.6vw, 80px);
  --customer-heading: clamp(28px, 3.4vw, 48px);
  /* Role aliases first consumed by the account overview. */
  --customer-type-page-size: 2rem;
  --customer-type-page-line: 2.5rem;
  --customer-type-card-size: 1.375rem;
  --customer-type-card-line: 1.875rem;
  --customer-type-body-size: 1rem;
}
@media (max-width: 700px) {
  :root {
    --customer-type-page-size: 1.75rem;
    --customer-type-page-line: 2.25rem;
    --customer-type-card-size: 1.25rem;
    --customer-type-card-line: 1.75rem;
  }
}