:root {

    --primary: #2563EB;
    --primary-dark: #1D4ED8;

    --secondary: #10B981;
    --accent: #F59E0B;

    --dark: #111827;
    --dark-soft: #1F2937;

    --text: #374151;
    --muted: #6B7280;

    --background: #F8FAFC;
    --white: #FFFFFF;

    --border: #E5E7EB;

    --success: #10B981;

    --container: 1200px;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 24px;

    --shadow-sm:
        0 4px 15px rgba(15, 23, 42, 0.06);

    --shadow-md:
        0 12px 35px rgba(15, 23, 42, 0.10);

    --transition:
        0.25s ease;

}