/* =============================================
   Dwel — Default Theme
   ============================================= */

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

    /* Backgrounds */
    --color-bg: #ffffff;
    --color-surface: #fafafa;
    --color-resizer: #f9f9f9;

    /* Borders */
    --color-border: #e0e0e0;
    --color-border-subtle: #f0f0f0;

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

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

    /* Shape */
    --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);

}