/* app/static/css/modes/light.css */ /* * Light Mode Variables & Overrides * * Purpose: Defines overrides for base CSS variables when the .light-mode * class is active on the body tag. This typically represents the default * visual appearance, so it mostly relies on variables already defined * in base/variables.css. Overrides are only needed if light mode * specifically deviates from the base defaults (e.g., removing shadows). * * Activation: Add 'light-mode' class to the tag (often the default). */ .light-mode { /* No color overrides are typically needed here, as base/variables.css should define the default light mode colors. Only include overrides if light mode needs to be different from the base defaults. */ /* Example Override: Removing shadows specifically for light mode */ /* If the base variables define shadows, but you want none in light mode: */ --shadow-sm: none; --shadow-md: none; --shadow-lg: none; --shadow-xl: none; /* Font overrides are generally handled by base/variables.css or themes. Only include font overrides here if light mode specifically requires a different font setup than the base or the active theme. (Removed redundant font definitions from previous version). */ /* --font-family-base: system-ui, -apple-system, sans-serif; */ /* --font-family-heading: var(--font-family-base); */ } /* Direct styling rules specific to light mode should be avoided if possible. Rely on variable overrides defined above or in base/variables.css. */