/* variables.css — CSS custom properties, reset, and body base styles */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:root {
    --bg: #f8f9fc;
    --bg2: #ffffff;
    --bg3: #f1f3f8;
    --bg4: #e8ebf2;
    --border: #e2e5ed;
    --border2: #d0d4de;
    --text: #1a1d26;
    --text2: #5a5f72;
    --text3: #8a8fa2;
    --accent: #6c5ce7;
    --accent2: #8b7cf0;
    --accent-bg: rgba(108, 92, 231, 0.08);
    --green: #00b894;
    --green-bg: rgba(0, 184, 148, 0.1);
    --orange: #f39c12;
    --orange-bg: rgba(243, 156, 18, 0.1);
    --red: #e74c3c;
    --red-bg: rgba(231, 76, 60, 0.1);
    --blue: #3498db;
    --blue-bg: rgba(52, 152, 219, 0.1);
}

body {
    font-family: 'DM Sans', sans-serif;
    background: var(--bg);
    color: var(--text);
    display: flex;
    height: 100vh;
    overflow: hidden
}