@import url("auth.css");
@import url("components.css");
@import url("customer.css");
@import url("issueitem.css");
@import url("layout.css");
@import url("navmenu.css");
@import url("dashboard.css");

/* =========================================
   GLOBAL
========================================= */
:root {
    --dd-primary: #4f7cff;
    --dd-primary-hover: #3566f5;
    --dd-success: #16a34a;
    --dd-warning: #f59e0b;
    --dd-danger: #dc2626;
    --dd-bg: #f3f6fc;
    --dd-surface: #ffffff;
    --dd-text: #1f2937;
    --dd-text-light: #6b7280;
    --dd-border: #dce4f0;
    --dd-sidebar-hover: #edf4ff;
    --dd-sidebar-active: #e3edff;
    --dd-shadow: 0 6px 18px rgba(79,124,255,.08);
}

body {
    margin: 0;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    background: var(--dd-bg);
    color: #31374a;
    overflow: hidden;
}