:root {
    --primary-color: #1e293b;
    --primary-color-rgb: 30, 41, 59;
    --primary-color-dark: #18212f;
    --secondary-color: #0f172a;
    --accent-color: #38bdf8;
    --dark-color: #333;
    --gray-color: #777;
    --light-color: #f8f9fa;
    --white: #fff;
    --black: #000;
    --border-color: #e1e1e1;
    --primary-gradient: linear-gradient(45deg, var(--primary-color), var(--primary-color-dark));
    --secondary-gradient: linear-gradient(45deg, var(--secondary-color), var(--dark-color));
    --border-radius: 5px;
    --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}