:root {
    --teal: #0F766E;
    --teal-bright: #17B0A3;
    --teal-deep: #115E59;
    --teal-frost: #F1FBF9;
    --teal-mist: #D5F2EC;
    --teal-light: #A7E3DA;
    --ink: #20242A;
    --charcoal: #3A4048;
    --stone: #727A85;
    --stone-light: #A2A9B3;
    --coral: #F0857B;
    --coral-k: #D9695E;
    --coral-bg: #FDF3F1;
    --coral-border: #F6D5CF;
    --green: #34B27B;
    --green-bg: #F1FAF5;
    --green-border: #C4EAD6;
    --green-deep: #1F7A52;
    --amber: #E8A83C;
    --canvas: #EFF1F2;
    --card: #FFFFFF;
    --line: #ECEEF0;
    --line-2: #E1E5E7;
    --dk: #0B1421;
    --dk-2: #0E1A26;
    --dk-panel: #13202F;
    --d-tx: #E8EEF6;
    --d-tx2: #94A3B8;
    --d-tx3: #5E6B7E;
    --d-line: rgba(148, 163, 184, .16);
    --d-line2: rgba(148, 163, 184, .28);
    --dk-green: #45C88A;
    --fd: 'DM Serif Display', Georgia, serif;
    --fs: 'Poppins', system-ui, sans-serif;
    --fm: var(--fs);
    --r: 20px;
    --r-lg: 26px;
    --r-sm: 14px;
    --ease: cubic-bezier(.22, 1, .36, 1);
    --maxw: 1180px;
    --sh-sm: 0 1px 3px rgba(30, 40, 55, .04);
    --sh: 0 1px 4px rgba(30, 40, 55, .03), 0 18px 48px rgba(30, 40, 55, .07);
    --sh-lg: 0 30px 72px rgba(30, 40, 55, .11);
}