:root {
    --primary: #0284c7;
    --primary-dark: #0369a1;
    --primary-light: #38bdf8;
    --primary-gradient: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);

    --secondary: #0f172a;
    --secondary-light: #1e293b;

    --black: #000000;

    --accent: #f59e0b;
    --accent-hover: #d97706;
    --success: #10b981;
    --danger: #ef4444;

    --background: #ffffff;
    --background-alt: #f1f5f9;
    --surface: #ffffff;
    --surface-glass: rgba(255, 255, 255, 0.95);

    --text: #0f172a;
    --muted: #475569;
    --border: #cbd5e1;
    --border-hover: #0284c7;

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 9999px;

    --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 10px 30px rgba(15, 23, 42, 0.1);
    --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.15);
    --shadow-glow: 0 0 25px rgba(2, 132, 199, 0.25);

    --transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    --container-max: 1280px;
}