:root {
    /* @group colors */
    --color-primary: #7C2D12;        /* Primary */
    --color-primary-light: #9A4526;  /* Primary Light */
    --color-primary-dark: #4A1A0B;   /* Primary Dark */
    --color-accent: #F97316;         /* Accent */
    --color-accent-light: #FDBA74;   /* Accent Light */
    --color-cta: #7C2D12;            /* CTA */
    --color-cta-dark: #5A1F0A;       /* CTA Dark */
    --color-whatsapp: #128C7E;       /* WhatsApp */
    --color-bg: #FFF7ED;             /* Background */
    --color-surface: #FFFFFF;        /* Surface */
    --color-text: #7C2D12;           /* Text */
    --color-text-secondary: #8A5A3F; /* Secondary Text */
    --color-text-muted: #A5806B;     /* Muted Text */
    --color-border: #EADBCB;         /* Border */

    /* @group fonts */
    --font-heading: 'EB Garamond', Georgia, 'Times New Roman', serif; /* Heading Font */
    --font-body: 'Lato', 'Helvetica Neue', Arial, sans-serif;         /* Body Font */
    --font-size-base: 17px;          /* Base */
    --font-weight-heading: 600;      /* Heading Weight */

    /* @group borderRadius */
    --radius-sm: 8px;                /* Small Radius */
    --radius-md: 14px;               /* Medium Radius */
    --radius-lg: 26px;               /* Large Radius */

    /* @group shadows */
    --shadow-sm: 0 2px 10px rgba(124, 45, 18, 0.08);   /* Small Shadow */
    --shadow-base: 0 14px 36px rgba(124, 45, 18, 0.10); /* Base Shadow */
    --shadow-lg: 0 28px 70px rgba(124, 45, 18, 0.18);   /* XL Shadow */

    /* @group colors */
    --color-primary-rgb: 124 45 18;   /* Primary RGB */
    --color-primary-light-rgb: 154 69 38;   /* Primary Light RGB */
    --color-primary-dark-rgb: 74 26 11;   /* Primary Dark RGB */
    --color-accent-rgb: 249 115 22;   /* Accent RGB */
    --color-accent-light-rgb: 253 186 116;   /* Accent Light RGB */
    --color-cta-rgb: 124 45 18;   /* CTA RGB */
    --color-cta-dark-rgb: 90 31 10;   /* CTA Dark RGB */
    --color-whatsapp-rgb: 18 140 126;   /* WhatsApp RGB */
    --color-bg-rgb: 255 247 237;   /* Background RGB */
    --color-surface-rgb: 255 255 255;   /* Surface RGB */
    --color-text-rgb: 124 45 18;   /* Text RGB */
    --color-text-secondary-rgb: 138 90 63;   /* Secondary Text RGB */
    --color-text-muted-rgb: 165 128 107;   /* Muted Text RGB */
    --color-border-rgb: 234 219 203;   /* Border RGB */
}