:root {
    /* Typography */
    --font-family-base: 'Inter';
    --font-family-heading: 'Roboto';

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-extrabold: 800;

    /* Color palette - Light theme defaults */
    --color-bg: #ffffff;
    --color-header-menu: #2E2E2E;
    --color-header-menu-active: #7BAE7F;
    --color-switcher-mode: #E3E4E5;
    --color-header-menu-close: #ffffff;
    --color-welcome-text: #2E2E2E;
    --color-welcome-text-p: #6B6B6B;
    --color-input-bg: #F9FAFB;
    --color-input-border: #CFE8CF;
    --color-input-text: #6B6B6B;
}

[data-theme="dark"] {
    --color-bg: #1c1c1c;
    --color-header-menu: #ffffff;
    --color-header-menu-active: #7BAE7F;
    --color-switcher-mode: #2E2E2E;
    --color-header-menu-close: #000000;
    --color-welcome-text: #ffffff;
    --color-welcome-text-p: #6B6B6B;
    --color-input-bg: #2E2E2E;
    --color-input-border: #464646;
    --color-input-text: #6B6B6B;
}