/* ==========================================================================
   PocketCalcs Love Theme

   Pink/romantic theme for the Love Calculator and similar fun calculators.
   ========================================================================== */

:root {
    /* Primary brand colors - Pink */
    --color-primary: #d63384;
    --color-primary-hover: #b2246a;
    --color-primary-rgb: 214, 51, 132;

    /* Accent - Soft Pink */
    --color-accent: #ff6b81;
    --color-accent-light: #ff6b81;

    /* Header */
    --color-header-bg: #d63384;
    --color-header-text: #ffffff;
    --color-header-hover: #ffc0cb;
    --color-beta-badge-bg: #ff6b81;

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

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

    /* Results - Pink gradient */
    --color-results-from: #fff0f6;
    --color-results-to: #ffccd5;
    --color-results-border: #ff6b81;
    --color-results-text: #d63384;

    /* FAQ - Pink gradient */
    --color-faq-from: #fff0f6;
    --color-faq-to: #ffccd5;
    --color-faq-border: #ff6b81;
    --color-faq-heading: #d63384;
}

/* Love theme logo - use default logo with white filter */
.logo-icon {
    filter: brightness(0) invert(1);
}

/* Love Calculator specific - larger result display */
.results {
    text-align: center;
}

.results-value {
    font-weight: bold;
    font-size: 32px;
    display: block;
    margin-top: 4px;
    text-align: center;
    color: var(--color-primary);
}

#love-message {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
    color: var(--color-primary-hover);
}