/** * Aura Theme – Dark Mode Overrides * * Swaps CSS custom properties generated by theme.json when * [data-theme="dark"] is present on . * * This keeps the file tiny: we only remap the tokens that change. */ html[data-theme="dark"] { /* Surface / background */ --wp--preset--color--surface: var(--wp--preset--color--dark-surface); --wp--preset--color--surface-alt: var(--wp--preset--color--dark-surface-alt); /* Text */ --wp--preset--color--text-primary: var(--wp--preset--color--dark-text-primary); --wp--preset--color--text-secondary: var(--wp--preset--color--dark-text-secondary); /* Shadows need less opacity on dark backgrounds */ --wp--custom--shadow--small: 0 1px 3px rgba(0, 0, 0, 0.25); --wp--custom--shadow--medium: 0 4px 12px rgba(0, 0, 0, 0.3); --wp--custom--shadow--large: 0 8px 30px rgba(0, 0, 0, 0.35); color-scheme: dark; }