/* assets/css/style.css — Design tokens & global reset dùng chung toàn hệ thống */

:root {
    --primary: #4f46e5;
    --primary-dark: #4338ca;
    --primary-light: #eef2ff;
    --success: #16a34a;
    --success-light: #dcfce7;
    --success-dark: #14532d;
    --danger: #dc2626;
    --danger-light: #fee2e2;
    --danger-dark: #7f1d1d;
    --warning: #d97706;
    --warning-light: #fef3c7;
    --warning-dark: #78350f;
    --info: #0891b2;
    --info-light: #cffafe;
    --info-dark: #164e63;
    --purple: #7c3aed;
    --purple-light: #f3e8ff;

    --bg: #f4f6fb;
    --surface: #ffffff;
    --text: #1e293b;
    --text-muted: #64748b;
    --text-faint: #94a3b8;
    --border: #e2e8f0;

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 16px;

    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.12);

    --font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: var(--font);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
}

a {
    -webkit-tap-highlight-color: transparent;
}

button, input, select, textarea {
    font-family: inherit;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}