:root {
    /* Primary Colors */
    --primary: #f16364;
    --primary-hover: #e04a4b;
    --primary-light: #fccccc;
    --secondary: #2a1054;

    /* Text Colors */
    --text-dark: #212121;
    --text-muted: #64748b;
    --text-light: #8695aa;
    --text-placeholder: #b1bbc8;
    --text-gray: #526077;

    /* Background & Border Colors */
    --white: #fff;
    --black: #000;
    --bg-light: #f6f7f9;
    --bg-lighter: #fafafa;
    --border-color: #f6f7f9;
    --btn-border-color: #eceef2;
    --divider: #d5d9e2;
    --gray-100: #f8f8f8;
    --gray-200: #eee;
    --gray-300: #ddd;
    --gray-800: #333;

    /* Accent Purple Colors */
    --accent-purple: #9161f1;
    --accent-purple-dark: #7b61ff;
    --accent-purple-light: #f4f0ff;
    --accent-purple-border: #eeeafd;

    /* Success Colors */
    --success: #14b585;
    --success-hover: #0fa176;
    --success-dark: #0b654a;
    --success-light: #93e9e1;
    --success-bg: #ecfdf6;
    --success-bg-light: #f1fcfa;
    --success-bg-hover: #e0f7f4;
    --success-gradient: #0b8a65;
    --success-ring: #a9f1d2;
    --success-ring-dark: #2ec291;
    --success-text-dark: #032b23;

    /* Error Colors */
    --error: #dc2626;
    --error-hover: #ef4444;
    --error-light: #fee2e2;
    --error-bg: #fef2f2;

    /* Warning Colors */
    --warning: #f59e0b;
    --warning-light: #fff8e6;
    --warning-bg: #feeac7;

    /* Info Colors */
    --info: #3b82f6;
    --info-light: #e8f4fd;
    --info-bg: #f1f7fd;

    /* Teal Colors */
    --teal: #25a7a6;
    --teal-dark: #1a696b;
    --teal-light: #d1f6f2;

    /* Gradients */
    --gradient-promo: linear-gradient(168deg, #d7e8f7 -4.34%, #f6eaff 92.88%);

    /* Overlay */
    --overlay: rgba(0, 0, 0, 0.5);
}