/* ================= GLOBAL.CSS ================= */
/* Variables, Reset, and Body Styles */

/* ===== Variables ===== */
:root {
    --primary: #4361ee;
    --primary-dark: #3a0ca3;
    --accent: #f72585;
    --dark: #1e1e24;
    --light: #f8f9fa;
    --gray: #6c757d;
    /* Adding new variables for more control over common colors */
    --text-color-light: var(--dark); /* Default text color for light backgrounds */
    --hover-color-light: var(--accent); /* Color for hover effects on light elements */
    --border-color: #e0e0e0; /* A light border color for separators etc. */
    --text-muted: #777; /* Muted text color, often for small text */
}

/* ===== Reset & Base Styles ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    color: var(--dark);
    background: linear-gradient(to bottom right, #f0f2f5, #e0e2e6);
    line-height: 1.6;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}