:root {
    --bg-body: #f3f4f6;
    --bg-panel: #ffffff;
    --bg-hover: #f8fafc;
    --bg-focus: #eef2ff;
    --bg-danger: #fef2f2;
    --bg-node-header: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    --grid-color: #cbd5e1;
    --border-light: #e2e8f0;
    --border-deep: #94a3b8;
    --text-main: #0f172a;
    --text-sub: #475569;
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --danger: #ef4444;
    --warning: #f59e0b;
    --radius-box: 16px;
    --radius-sm: 8px;
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    --bg-image-url: url('../img/bg1.jpg');
    --raw-bg-1: url('../img/bg1.jpg');
    --raw-bg-2: url('../img/bg2.jpg');
}