/* ==========================================================================
   PocketCalcs Password Theme

   Cyan/teal playful theme for the Password Generator and similar fun calculators.
   ========================================================================== */

:root {
    /* Primary brand colors - Cyan/Teal */
    --color-primary: #06b6d4;
    --color-primary-hover: #0891b2;
    --color-primary-rgb: 6, 182, 212;

    /* Accent - Bright Cyan */
    --color-accent: #22d3ee;
    --color-accent-light: #67e8f9;

    /* Header */
    --color-header-bg: #0891b2;
    --color-header-text: #ffffff;
    --color-header-hover: #a5f3fc;
    --color-beta-badge-bg: #22d3ee;

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

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

    /* Results - Cyan gradient */
    --color-results-from: #ecfeff;
    --color-results-to: #cffafe;
    --color-results-border: #22d3ee;
    --color-results-text: #0891b2;

    /* FAQ - Cyan gradient */
    --color-faq-from: #ecfeff;
    --color-faq-to: #cffafe;
    --color-faq-border: #22d3ee;
    --color-faq-heading: #0891b2;
}

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