/* =============================================
   Dwel — Nav Left (default layout)
   Light colours — no layout override needed;
   style.css default grid is nav-left.
   ============================================= */

:root {
    --font-main: system-ui, sans-serif;

    --color-bg: #ffffff;
    --color-surface: #fafafa;
    --color-resizer: #f9f9f9;

    --color-border: #e0e0e0;
    --color-border-subtle: #f0f0f0;

    --color-text-primary: #333333;
    --color-text-secondary: #555555;
    --color-text-muted: #cccccc;

    --color-icon-inactive: #bbbbbb;
    --color-icon-active: #000000;
    --icon-opacity-inactive: 0.35;
    --icon-opacity-hover: 0.7;

    --radius-logo: 50%;

    --preview-default-bar: #ffffff;
    --preview-default-surface: #fafafa;
    --preview-default-border: #e0e0e0;
    --preview-dark-bar: #1a1a1a;
    --preview-dark-surface: #242424;
    --preview-dark-border: #3a3a3a;

    --icon-filter: invert(0);
}