:root {
    --hemc-bg: #fbfbfb;
    --hemc-panel: #fff;
    --hemc-panel-soft: color-mix(in srgb, var(--hemc-primary), transparent 97%);
    --hemc-border: color-mix(in srgb, var(--hemc-primary), transparent 75%);
    --hemc-border-strong: var(--hemc-primary);
    --hemc-text: #000;
    --hemc-muted: #64748b;
    --hemc-primary: #2454ff;
    --hemc-primary-soft: color-mix(in srgb, var(--hemc-primary), transparent 87.5%);
    --hemc-primary-dark: #183bc0;
    --hemc-success: #10b981;
    --hemc-warning: #f59e0b;
    --hemc-danger: #ef4444;
    --hemc-radius: 18px;
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 8% 4%, color-mix(in srgb, var(--hemc-primary), transparent 75%), transparent 28%),
        radial-gradient(circle at 92% 0%, rgba(16, 185, 129, 0.14), transparent 25%),
        var(--hemc-bg);
    color: var(--hemc-text);
    overflow-x: hidden;
    --hemc-main-height: calc(100vh - 44px - 82px - 74px);
}