/* CSS Variables and Global Settings */

:root {
    --primary-red: #E63946;
    --primary-orange: #F77F00;
    --primary-yellow: #FCBF49;
    --dark-bg: #1a1a2e;
    --darker-bg: #16161d;
    --light-text: #f8f9fa;
    --gray-text: #adb5bd;
    --accent-blue: #457B9D;
    --white: #ffffff;
    --transition: all 0.3s ease;
}

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

html {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    background: linear-gradient(135deg, var(--dark-bg) 0%, var(--darker-bg) 100%);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--light-text);
    min-height: 100%;
    margin: 0;
    line-height: 1.6;
}