/* css/base.css */
:root {
    --primary-light: #dbeafe;
    --primary: #3b82f6;
    --primary-dark: #2563eb;
    --bg-light: #f0f9ff;
    --bg-default: #e0f2fe;
    --text-dark: #1e293b;
    --text-medium: #64748b;
    --text-light: #94a3b8;
    --border-color: #bae6fd;
    --card-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1), 0 2px 4px -1px rgba(37, 99, 235, 0.06);
    --card-shadow-hover: 0 10px 15px -3px rgba(37, 99, 235, 0.15), 0 4px 6px -2px rgba(37, 99, 235, 0.1);
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: linear-gradient(135deg, var(--bg-default) 0%, #f0f9ff 100%);
    color: var(--text-dark);
    line-height: 1.6;
    min-height: 100vh;
}