html[data-theme="light"],
html[data-resolved-theme="light"] {
    --oak-bg: #f6f8f7;
    --oak-bg-elevated: #ffffff;
    --oak-surface: #ffffff;
    --oak-surface-subtle: #f1f4f2;
    --oak-surface-hover: #e9eeeb;
    --oak-surface-active: #e1e8e4;

    --oak-text: #142019;
    --oak-text-soft: #4f5f56;
    --oak-text-muted: #748179;
    --oak-text-inverse: #ffffff;

    --oak-border: #dde4df;
    --oak-border-strong: #cbd6cf;

    --oak-accent: var(--oak-accent-700);
    --oak-accent-hover: var(--oak-accent-800);
    --oak-accent-soft: var(--oak-accent-50);
    --oak-accent-border: var(--oak-accent-200);

    --oak-overlay: rgba(15, 23, 42, .46);
    --oak-input-bg: #ffffff;
    --oak-focus-ring: rgba(20, 100, 86, .18);
}