/* ==================================================
   VARIABLES
================================================== */

:root {
    --navy-950: #071d2f;
    --navy-900: #0b263d;
    --navy-800: #103955;
    --navy-700: #174b6c;

    --blue-600: #236fdd;
    --blue-500: #3482ee;
    --blue-300: #9dccff;

    --orange-500: #f47b20;
    --whatsapp: #25d366;

    --green-800: #092a35;
    --green-700: #124c52;
    --green-300: #7ee0c0;

    --slate-950: #101a27;
    --slate-900: #172536;
    --slate-700: #435267;
    --slate-500: #6d7a8d;
    --slate-300: #c5d0db;
    --slate-200: #dce3ea;
    --slate-100: #edf2f6;

    --white: #ffffff;

    --shadow-soft:
        0 18px 45px rgba(7, 29, 47, 0.10);

    --shadow-hover:
        0 24px 60px rgba(7, 29, 47, 0.18);

    --radius-sm: 8px;
    --radius-md: 13px;
    --radius-lg: 22px;

    --transition: 240ms ease;
}