:root {
    --ink: #101828;
    --ink-2: #1d2939;
    --muted: #667085;
    --muted-2: #98a2b3;
    --line: #e4e7ec;
    --line-soft: #eef1f4;
    --surface: #ffffff;
    --canvas: #f5f6f8;
    --sidebar: #101722;
    --sidebar-soft: #182231;
    --yellow: #f7c948;
    --yellow-dark: #8b6500;
    --green: #12b76a;
    --blue: #2e73e8;
    --orange: #ef8b36;
    --red: #d92d20;
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
    --shadow-md: 0 12px 32px rgba(16, 24, 40, .08);
    --sidebar-width: 276px;
    --header-height: 88px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--canvas); font-family: "DM Sans", system-ui, sans-serif; line-height: 1.5; }
body, button, input, textarea, select { font: inherit; }
button, input, textarea, select { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
h1, h2, h3, h4, strong { font-family: "Manrope", system-ui, sans-serif; }
button { border: 0; cursor: pointer; }
input::placeholder { color: #98a2b3; }
:focus-visible { outline: 3px solid rgba(247, 201, 72, .45); outline-offset: 2px; }
[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}