:root {
    color-scheme: light;

    /* Brand and action colors */
    --fudi-color-brand: #00897b;
    --fudi-color-brand-hover: #00695c;
    --fudi-color-brand-deep: #004d40;
    --fudi-color-brand-bright: #00a693;
    --fudi-color-accent: #4fffdf;
    --fudi-color-accent-muted: #26d0a8;
    --fudi-color-danger: #e63946;

    /* Light surfaces */
    --fudi-color-page: #f4f6f5;
    --fudi-color-surface: #ffffff;
    --fudi-color-surface-muted: #eff3f1;
    --fudi-color-border: #dde5e1;
    --fudi-color-border-strong: #7a8783;
    --fudi-color-text: #101816;
    --fudi-color-text-muted: #616161;

    /* Dark shell */
    --fudi-color-ink: #0b0b0b;
    --fudi-color-ink-raised: #171717;
    --fudi-color-ink-muted: #222222;
    --fudi-color-ink-border: #2f2f2f;
    --fudi-color-on-ink: #ffffff;
    --fudi-color-on-ink-muted: #b7b7b7;

    /* Typography */
    --fudi-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fudi-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --fudi-text-xs: 0.75rem;
    --fudi-text-sm: 0.875rem;
    --fudi-text-base: 1rem;
    --fudi-text-lg: 1.125rem;
    --fudi-text-xl: 1.25rem;
    --fudi-leading-tight: 1.15;
    --fudi-leading-copy: 1.65;

    /* Layout and shape */
    --fudi-shell-max: 80rem;
    --fudi-copy-max: 46rem;
    --fudi-gutter: clamp(1rem, 3vw, 2rem);
    --fudi-space-1: 0.25rem;
    --fudi-space-2: 0.5rem;
    --fudi-space-3: 0.75rem;
    --fudi-space-4: 1rem;
    --fudi-space-5: 1.5rem;
    --fudi-space-6: 2rem;
    --fudi-space-7: 3rem;
    --fudi-space-8: 4rem;
    --fudi-radius-sm: 0.5rem;
    --fudi-radius-md: 0.875rem;
    --fudi-radius-lg: 1.5rem;
    --fudi-radius-pill: 999px;
    --fudi-shadow-raised: 0 1rem 3rem rgba(11, 11, 11, 0.12);
    --fudi-shadow-overlay: 0 1.5rem 5rem rgba(11, 11, 11, 0.24);

    /* Interaction */
    --fudi-focus-color: #004d40;
    --fudi-focus-ring: 0 0 0 4px #4fffdf;
    --fudi-transition-fast: 160ms ease;
}

@media (min-width: 48rem) {
    :root {
        --fudi-gutter: clamp(1.5rem, 4vw, 3rem);
    }
}