:root {
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-light: rgba(37, 99, 235, 0.12);
    --bg-page: #f5f7fb;
    --bg-card: #ffffff;
    --bg-input: #fafbfd;
    --bg-soft: #fafbfd;
    --bg-sidebar: #ffffff;
    --bg-hero-end: #edf4ff;
    --text-main: #0f172a;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --text-white: #ffffff;
    --text-success: #007c00;
    --text-err: #f72b2b;
    --border: #dbe2ef;
    --border-input: #d7dfeb;
    --divider: #e5e7eb;
    --hero-gradient: linear-gradient(135deg, #ffffff, #edf4ff);
    --shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
    --shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.06);
    --radius: 18px;
    --radius-sm: 14px
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: "sans";
    src: url("../fonts/sans.woff") format("woff");
}