:root {
    --bg-gradient-from: #4611c2;
    --bg-gradient-via: #1c6ecc;
    --bg-gradient-to: #0b78aa;
    --primary-purple: #9333ea;
    --primary-pink: #ec4899;
    --primary-blue: #3b82f6;
    --primary-green: #22c55e;
    --primary-yellow: #eab308;
    --primary-red: #ef4444;
    --primary-orange: #f97316;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-white: #ffffff;
    --text-hover: #9333ea;
    --card-text: #1f2937;
    --navbar-text: #1f2937;
    --glass-bg: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-white-bg: rgba(255, 255, 255, 0.95);
    --glass-dark-bg: rgba(0, 0, 0, 0.2);
    --glass-premium-start: rgba(255, 255, 255, 0.25);
    --glass-premium-end: rgba(255, 255, 255, 0.1);
    --glass-shine-start: rgba(255, 255, 255, 0.3);
    --glass-shine-mid: rgba(255, 255, 255, 0.1);
    --glass-shine-end: rgba(255, 255, 255, 0.05);
    --glass-glow-bg: rgba(255, 255, 255, 0.1);
    --card-bg: rgba(255, 255, 255, 0.95);
    --success-bg: rgba(34, 197, 94, 0.1);
    --success-text: #16a34a;
    --warning-bg: rgba(234, 179, 8, 0.1);
    --warning-text: #ca8a04;
    --error-bg: rgba(239, 68, 68, 0.1);
    --error-text: #dc2626;
    --info-bg: rgba(59, 130, 246, 0.1);
    --info-text: #2563eb;
    --border-color: #e5e7eb;
    --border-focus: #9333ea;
    --blur-sm: 10px;
    --blur-md: 12px;
    --blur-lg: 15px;
    --blur-xl: 20px;
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-2xl: 1.5rem;
    --radius-3xl: 1.875rem;
    --radius-full: 9999px;
    --transition-fast: 150ms;
    --transition-base: 300ms;
    --transition-slow: 500ms;
    --text-stroke-width: 1px;
    --text-stroke-width-lg: 2px;
    --text-stroke-color: #000000;
    --text-stroke-color-white: #ffffff;
    --summernote-heading-primary: #2c3e50;
    --summernote-heading-secondary: #34495e;
    --summernote-text: #333333;
    --summernote-text-muted: #555555;
    --summernote-bg-light: #f9f9f9;
    --summernote-bg-code: #f4f4f4;
    --summernote-border: #dddddd;
    --summernote-code-text: #c7254e;
    --modal-spacing-sm: 0.5rem;
    --modal-spacing-md: 1rem;
    --modal-spacing-lg: 1.5rem;
    --modal-spacing-xl: 1.75rem;
    --modal-border-radius-sm: 0.25rem;
    --modal-border-radius-md: 0.75rem;
    --modal-border-radius-lg: 1.5rem;
    --modal-max-width: 600px;
    --modal-footer-height: 60px;
    --list-indent: 2.5rem;
    --summernote-border-width: 4px;
    --summernote-border-width-sm: 1px;
    --summernote-padding-inline: 1rem;
    --summernote-padding-block: 0.75rem;
    --summernote-padding-code: 0.125rem 0.375rem;
    --summernote-font-size: 1rem;
    --shadow-blue: rgba(31, 38, 135, 0.37);
    --shadow-blue-md: rgba(31, 38, 135, 0.4);
    --shadow-black-light: rgba(0, 0, 0, 0.15);
    --shadow-black-md: rgba(0, 0, 0, 0.3);
    --purple-glow-light: rgba(147, 51, 234, 0.1);
    --purple-glow-md: rgba(147, 51, 234, 0.3);
    --purple-glow-strong: rgba(147, 51, 234, 0.5);
    --purple-glow-intense: rgba(147, 51, 234, 0.6);
    --text-glow-sm: 10px;
    --text-glow-md: 20px;
    --text-glow-lg: 30px;
    --modal-backdrop-bg: rgba(0, 0, 0, 0.5);
    --shadow-dark-md: rgba(0, 0, 0, 0.3);
    --purple-shadow-light: rgba(147, 51, 234, 0.2);
    --purple-overlay-light: rgba(147, 51, 234, 0.1);
    --blue-overlay-light: rgba(59, 130, 246, 0.1);
    --modal-footer-bg: rgba(249, 250, 251, 0.5);
    --purple-shadow-md: rgba(147, 51, 234, 0.4);
}