/* Functional foundations. Opt-in only; no reset, component catalogue or brand identity. */
[data-ui-scope="v1"] {
    --ui-canvas: #f4f6f8;
    --ui-surface: #ffffff;
    --ui-text: #202e3b;
    --ui-text-muted: #526271;
    --ui-border-panel: #d0d9e0;
    --ui-border-control: #748392;
    --ui-action: #16766b;
    --ui-action-hover: #10594f;
    --ui-on-action: #ffffff;
    --ui-action-secondary: #16766b;
    --ui-action-secondary-hover: #10594f;
    --ui-accent: #16766b;
    --ui-on-accent: #ffffff;
    --ui-focus: #16766b;
    --ui-selection: #eaf5f1;
    --ui-on-selection: #202e3b;
    --ui-success: #14634a;
    --ui-warning: #855000;
    --ui-danger: #a62937;
    --ui-info: #185d8c;
    --ui-disabled: #e7ecef;
    --ui-on-disabled: #526271;
    --ui-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
    --ui-font-mono: ui-monospace, "Cascadia Code", monospace;
    --ui-text-small: .875rem;
    --ui-text-base: 1rem;
    --ui-text-heading-sm: 1.375rem;
    --ui-text-heading-md: 1.75rem;
    --ui-text-heading-lg: 2.25rem;
    --ui-leading-body: 1.5;
    --ui-leading-heading: 1.2;
    --ui-weight-regular: 400;
    --ui-weight-medium: 500;
    --ui-weight-semibold: 600;
    --ui-weight-bold: 700;
    --ui-space-1: .25rem;
    --ui-space-2: .5rem;
    --ui-space-3: .75rem;
    --ui-space-4: 1rem;
    --ui-space-6: 1.5rem;
    --ui-space-8: 2rem;
    --ui-space-12: 3rem;
    --ui-space-16: 4rem;
    --ui-radius-control: .375rem;
    --ui-radius-panel: .625rem;
    --ui-radius-public: 1rem;
    --ui-shadow: 0 .25rem 1rem rgb(16 43 70 / 6%);
    --ui-color-scheme: light;
    color: var(--ui-text);
    background-color: var(--ui-canvas);
    color-scheme: var(--ui-color-scheme);
    font-family: var(--ui-font-body);
    font-size: var(--ui-text-base);
    line-height: var(--ui-leading-body);
}

:where([data-ui-scope="v1"]) :focus-visible {
    outline: 3px solid var(--ui-focus);
    outline-offset: 3px;
}

:where([data-ui-scope="v1"]) ::selection {
    color: var(--ui-on-selection);
    background-color: var(--ui-selection);
}