:root {
    --primary: #0099cc;
    --primary-dark: #007aa3;
    --primary-light: #33bbee;
    --secondary: #1a1a1a;
    --dark: #111111;
    --darker: #000000;
    --text: #222;
    --text-light: #555;
    --text-muted: #999;
    --bg: #ffffff;
    --bg-gray: #f5f7fa;
    --border: #e0e4e8;
    --success: #27ae60;
    --warning: #f39c12;
    --danger: #dc3545;
    --info: #0099cc;

    --font-main: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-size: 15px;

    --radius: 8px;
    --radius-lg: 12px;
    --shadow: 0 2px 10px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);
    --transition: all 0.3s ease;
}