/* ==========================================================================
   PocketCalcs Baby Name Theme

   Purple/violet playful theme for the Baby Name Generator.
   ========================================================================== */

:root {
    /* Primary brand colors - Purple/Violet */
    --color-primary: #8b5cf6;
    --color-primary-hover: #7c3aed;
    --color-primary-rgb: 139, 92, 246;

    /* Accent - Bright Violet */
    --color-accent: #a78bfa;
    --color-accent-light: #c4b5fd;

    /* Header */
    --color-header-bg: #7c3aed;
    --color-header-text: #ffffff;
    --color-header-hover: #e9d5ff;
    --color-beta-badge-bg: #a78bfa;

    /* Body & Cards */
    --color-bg-body: #faf5ff;
    --color-bg-card: #ffffff;

    /* Text */
    --color-text-primary: #333333;
    --color-text-secondary: #666666;
    --color-text-muted: #6b21a8;

    /* Results - Purple gradient */
    --color-results-from: #faf5ff;
    --color-results-to: #f3e8ff;
    --color-results-border: #a78bfa;
    --color-results-text: #7c3aed;

    /* FAQ - Purple gradient */
    --color-faq-from: #faf5ff;
    --color-faq-to: #f3e8ff;
    --color-faq-border: #a78bfa;
    --color-faq-heading: #7c3aed;
}

/* Baby name theme logo */
.logo-icon {
    background-image: url('/shared/images/logo-babyname.svg');
}