/* CSS Custom Properties (Variables) */
:root {
    /* Brand Colors */
    --primary: #6bcbff;
    --primary-soft: #75a7ff;
    --secondary: #F14D5D;
    --light: #ECF4FF;
    --dark: #120F2D;
    --green: #28a745;
    --soft-brown: #f5ebe0;
    --text-primary: #120F2D;
    --text-secondary: #333;

    /* Standard Colors */
    --white: #fff;
    --black: #000;
    --category-tag-text: rgb(101, 101, 101);
    /* Typography */
    --font-family-heading: 'Jost', sans-serif;
    --font-family-body: 'Open Sans', sans-serif;

    /* Breakpoints */
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}