:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #eeeeee;

    --text-primary: #111111;
    --text-secondary: #606060;

    --border-color: #e5e5e5;

    --hover-bg: #eeeeee;

    --accent-color: #ff0033;

    --header-height: 64px;
    --sidebar-width: 240px;

    --container-width: 1600px;

    --font-family:
        Arial,
        Helvetica,
        sans-serif;
}

[data-theme="dark"] {
    --bg-primary: #0f0f0f;
    --bg-secondary: #181818;
    --bg-tertiary: #272727;

    --text-primary: #ffffff;
    --text-secondary: #aaaaaa;

    --border-color: #303030;

    --hover-bg: #272727;

    --accent-color: #ff0033;
}