:root {
    color-scheme: light;

    --color-brand-primary: #0087CC;
    --color-brand-primary-hover: #004C77;
    --color-status-error: #E02020;
    --color-status-error-surface: #FFF7F7;
    --color-status-success: #2E7D32;
    --color-status-success-surface: #F4FBF5;
    --color-strength-weak: var(--color-status-error);
    --color-strength-fair: #F39200;
    --color-strength-good: #0087CC;
    --color-strength-strong: #6DD400;

    --color-text: #2D2D2D;
    --color-text-muted: #626262;
    --color-text-subtle: #7A7A7A;
    --color-text-placeholder: #979797;
    --color-surface: #FFFFFF;
    --color-page: #FAFBFC;
    --color-border: #DCDCDC;
    --color-control-border: #E2E2E2;
    --color-meter-track: #E3E3E3;
    --color-on-brand: #FFFFFF;
    --color-focus-ring: rgba(0, 135, 204, 0.24);
    --color-card-shadow: rgba(0, 76, 119, 0.08);

    --font-family-sans: Arial, "Helvetica Neue", sans-serif;
    --font-size-caption: 0.75rem;
    --font-size-small: 0.875rem;
    --font-size-body: 1rem;
    --font-size-heading: 1.75rem;
    --font-weight-normal: 400;
    --font-weight-medium: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-body: 1.5;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    --size-control: 3rem;
    --size-card: 34rem;
    --size-logo: 10.5rem;
    --size-marker: 1rem;
    --size-radio: 1.25rem;
    --size-qr: 16rem;
    --size-meter: 0.375rem;
    --size-focus-ring: 0.1875rem;
    --size-visually-hidden: 0.0625rem;

    --border-width: 0.0625rem;
    --border-width-strong: 0.125rem;
    --radius-small: 0.25rem;
    --radius-medium: 0.5rem;
    --radius-card: 0.75rem;
    --shadow-card: 0 0.5rem 2rem var(--color-card-shadow);
    --transition-fast: 160ms ease;
}