:root {
    --sidebar-w: 230px;
    --bg-gradient: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    --sidebar-bg: linear-gradient(180deg, #071022 0%, #0b1530 100%);
    --panel-bg: rgba(255, 255, 255, 0.72);
    --glass-border: rgba(255, 255, 255, 0.08);
    --accent: #EC1375;
    --accent-2: #0081AC;
    --muted: #7b8794;
    --text: #0b1b2b;
    --shadow-strong: 0 12px 40px rgba(9, 12, 20, 0.35);
    --shadow-soft: 0 6px 20px rgba(16, 24, 40, 0.08);
    --radius-lg: 14px;
    --radius-md: 10px;
    --hover-button: rgba(0, 0, 0, 0.03);
    --tools-chip-bg: #0081ac43;
    --tools-chip-border: #0081AC;
}

* {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    line-height: 1.6;
    height: 100vh;
    display: flex;
    background: var(--bg-gradient);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input,
textarea,
select {
    border-radius: var(--radius-md);
    border: 1px solid rgba(9, 14, 24, 0.06);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--accent-2);
    outline-color: var(--accent-2);
    box-shadow: 0 8px 26px rgba(109, 40, 217, 0.06);
}