:root {
    /* ======================================
       MAYA PRIMARY COLORS
    ====================================== */

    --maya-yellow: #ffcb05; /* RGB: 255, 203, 5 */
    --maya-orange: #f95a25; /* RGB: 249, 90, 37 */
    --maya-red: #ed1c29;    /* RGB: 237, 28, 41 */

    --maya-black: #171717;
    --maya-white: #ffffff;


    /* ======================================
       MAYA SECONDARY COLORS
    ====================================== */

    --maya-green: #0db14b;  /* RGB: 13, 177, 75 */
    --maya-purple: #522e91; /* RGB: 82, 46, 145 */
    --maya-blue: #0091d0;   /* RGB: 0, 145, 208 */


    /* ======================================
       SOFT BRAND BACKGROUNDS
    ====================================== */

    --maya-yellow-soft: #fff8d9;
    --maya-orange-soft: #fff0e9;
    --maya-red-soft: #fdebed;
    --maya-green-soft: #eaf8ef;
    --maya-purple-soft: #f0ebf7;
    --maya-blue-soft: #e6f5fb;

    --maya-cream: #fff6e8;
    --maya-surface: #faf8f4;
    --maya-border: rgba(23, 23, 23, 0.09);


    /* ======================================
       TEXT COLORS
    ====================================== */

    --maya-text: #171717;
    --maya-text-muted: #5f5f5f;
    --maya-text-light: #ffffff;


    /* ======================================
       BORDER RADIUS
    ====================================== */

    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 32px;
    --radius-pill: 999px;


    /* ======================================
       SPACING
    ====================================== */

    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 48px;
    --space-xl: 80px;
    --space-xxl: 120px;


    /* ======================================
       LAYOUT
    ====================================== */

    --container: 1200px;


    /* ======================================
       SHADOWS
    ====================================== */

    --shadow-sm: 0 8px 24px rgba(23, 23, 23, 0.07);
    --shadow-md: 0 16px 40px rgba(23, 23, 23, 0.10);
    --shadow-lg: 0 24px 60px rgba(23, 23, 23, 0.14);


    /* ======================================
       TRANSITIONS
    ====================================== */

    --transition-fast: 0.2s ease;
    --transition-normal: 0.35s ease;


/* ======================================
   TRANSPARENT BRAND COLORS
====================================== */

--maya-white-72: rgba(255, 255, 255, 0.72);
--maya-white-82: rgba(255, 255, 255, 0.82);
--maya-white-90: rgba(255, 255, 255, 0.90);
--maya-white-96: rgba(255, 255, 255, 0.96);
--maya-white-55: rgba(255, 255, 255, 0.55);

--maya-black-05: rgba(23, 23, 23, 0.05);
--maya-black-95: rgba(23, 23, 23, 0.95);
--maya-black-98: rgba(23, 23, 23, 0.98);

--maya-red-focus: rgba(237, 28, 41, 0.10);
--maya-yellow-border: rgba(255, 203, 5, 0.17);

--maya-overlay-light: rgba(23, 23, 23, 0.18);
--maya-overlay-medium: rgba(23, 23, 23, 0.42);
--maya-overlay-dark: rgba(23, 23, 23, 0.72);
--maya-overlay-heavy: rgba(23, 23, 23, 0.95);

--maya-placeholder: #8a8a8a;
--maya-article-text: #343434;


}