:root {
            --primary-color: #9b59b6;
            --accent-color: #e67e22;
            --secondary-color: #f1c40f;
            --dark-bg: #2c3e50;
            --light-bg: #f9f4fb;
            --text-muted: #6c757d;
            --border-color: #e0d4e8;
        }
        .navbar-brand, .tool-header h1 { background: linear-gradient(135deg, #9b59b6, #e67e22); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; }
        .color-preview { width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 6px 14px rgba(0,0,0,0.1); margin: 0 auto; border: 2px solid white; transition: transform 0.2s; }
        .color-preview:hover { transform: scale(1.05); }
        .badge-element { background-color: #e9ecef; color: #4a235a; font-weight: 500; padding: 6px 12px; border-radius: 40px; font-size: 0.85rem; }
        .legend-color { width: 22px; height: 22px; border-radius: 8px; display: inline-block; margin-right: 8px; vertical-align: middle; }
        .cosmic-quote { border-left: 4px solid #9b59b6; background: #fdf8ff; padding: 1rem 1.5rem; font-style: italic; border-radius: 16px; }
        .astrology-canvas { background: radial-gradient(circle at 30% 20%, #f7f0fc, #e6d9f0); border-radius: 32px; width: 100%; max-width: 280px; height: auto; margin: 0 auto; display: block; border: 1px solid #e0cef0; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
        .accordion-button:not(.collapsed) { background: #f3e9fa; color: #5e2a7a; }
        .daily-tip-card { background: #fff7e6; border-radius: 24px; border-left: 6px solid #f1c40f; padding: 0.8rem 1.2rem; margin-top: 1rem; }
        .fun-fact { font-size: 0.85rem; color: #4a235a; background: #f0e7ff; border-radius: 20px; padding: 6px 12px; display: inline-block; }
        @media (max-width: 768px) { }