/* global.css */
:root {
    --color-bg: #ffffff;
    --color-text: #111111;
    --color-primary: #97bb72;
    --color-secondary: #6b7280;
    --color-accent: #10b981;
    --color-primary: #97bb72;
    --color-code: #418200;
    --color-hard: #90ca56;
    --color-navbar-text: #111111;
    --color-surface: #ddf1ca;
    --color-surfaceIcon: #000;
    --color-hover: #f8f8f8;
    --color-hoverActive: #f0f0f0;
    --color-borders: #e0e0e0;
    --color-card: #ededed;
    --color-codeCard: #f0f0f0;
    --color-codeLang: #6b72806f;

}

[data-theme="dark"] {
    --color-bg: #0a0a0a;
    --color-text: #e5e5e5;
    --color-primary: #97bb72;
    --color-code: #97bb72;
    --color-hard: #90ca56;
    --color-secondary: #9ca3af;
    --color-accent: #34d399;
    --color-navbar-text: #e5e5e5;
    --color-surface: #181d13;
    --color-surfaceIcon: #e1e1e1;
    --color-hover: #000;
    --color-hoverActive: #171717;
    --color-borders: #2c2c2c;
    --color-card: #171717;
    --color-codeCard: #171717;
    --color-codeLang: #ceeeb047;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

html {
    scrollbar-color: #888 var(--color-cardC);
    scrollbar-width: thin;
    scrollbar-gutter: stable;
}

body {
    font-family: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    min-height: calc(100dvh - 3rem);
    padding-top: 3rem;
    background-color: var(--color-bg);
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: var(--color-cardC);
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
    display: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}