/* ========================================
   GLOBAL DESIGN TOKENS
======================================== */

:root {

    /* BRAND COLORS */
    --color-primary: #0099b8;
    --color-secondary: #DB472F;

    /* BRAND INTERACTION */
    --color-primary-hover: rgba(0, 153, 184, 0.07);

    /* TEXT COLORS */
    --color-heading: #222222;
    --color-text: #555555;
    --color-muted: #777777;

    /* BACKGROUND COLORS */
    --color-background: #ffffff;
    --color-surface: #f7f8f9;

    /* BORDER COLORS */
    --color-border: #e5e5e5;
    --color-border-strong: #cccccc;

}