/* hr.maxrelax — shared theme (MaxRelax brand palette) */
:root {
    --max-primary-50:  #f0faff;
    --max-primary-100: #ddefff;
    --max-primary-200: #b4dbff;
    --max-primary-300: #66a6ff;
    --max-primary-400: #1879ff;
    --max-primary-500: #0067f6;
    --max-primary-600: #0059d4;
    --max-primary-700: #0147a7;
    --max-primary-800: #01347c;
    --max-primary-900: #01285e;

    --max-electric-blue:      #01ffff;
    --max-electric-turquoise: #00ffcf;

    /* semantic — light */
    --bg:            #f7f9fc;
    --surface:       #ffffff;
    --surface-2:     #f3f5f9;
    --text:          var(--max-primary-900);
    --text-soft:     #4b5563;
    --muted:         #6b7280;
    --muted-2:       #9ca3af;
    --border:        #e5e7eb;
    --border-soft:   #f1f3f7;
    --shadow-sm:     0 1px 3px rgba(0,0,0,0.08), 0 4px 16px rgba(0,0,0,0.04);
    --shadow-md:     0 4px 24px -4px rgba(0,0,0,0.12);

    --emerald-50:  #ecfdf5;
    --emerald-500: #10b981;
    --emerald-600: #059669;
    --amber-50:    #fffbeb;
    --amber-500:   #f59e0b;
    --amber-700:   #b45309;
    --purple-50:   #faf5ff;
    --purple-500:  #a855f7;
    --purple-700:  #7e22ce;
    --rose-50:     #fff1f2;
    --rose-500:    #f43f5e;
    --rose-700:    #be123c;
    --sky-50:      #f0f9ff;
    --sky-500:     #0ea5e9;
    --sky-700:     #0369a1;
    --red-500:     #ef4444;
    --red-600:     #dc2626;
}

html.dark {
    --bg:            #0f1422;
    --surface:       #171c2c;
    --surface-2:     #1f2538;
    --text:          #e5e7eb;
    --text-soft:     #cbd5e1;
    --muted:         #94a3b8;
    --muted-2:       #64748b;
    --border:        #2a3147;
    --border-soft:   #232a3d;
    --shadow-sm:     0 1px 3px rgba(0,0,0,0.5), 0 4px 16px rgba(0,0,0,0.25);
    --shadow-md:     0 4px 24px -4px rgba(0,0,0,0.5);
}

* { box-sizing: border-box; }

html, body {
    margin: 0;
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--text);
    background: var(--bg);
    -webkit-font-smoothing: antialiased;
}


a { color: inherit; text-decoration: none; }

/* prevent transition flash on load */
html.no-transitions *,
html.no-transitions *::before,
html.no-transitions *::after {
    transition: none !important;
}

/* ===== Global subtle scrollbar (matches MaxRelax palette) ===== */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.35) transparent;
}
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}
*::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 103, 246, 0.45);
    background-clip: padding-box;
    border: 2px solid transparent;
}
*::-webkit-scrollbar-corner {
    background: transparent;
}

html.dark * {
    scrollbar-color: rgba(148, 163, 184, 0.25) transparent;
}
html.dark *::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.25);
    background-clip: padding-box;
    border: 2px solid transparent;
}
html.dark *::-webkit-scrollbar-thumb:hover {
    background: rgba(102, 166, 255, 0.45);
    background-clip: padding-box;
    border: 2px solid transparent;
}