/* ==========================================================================
   PocketCalcs QR Code Theme

   Modern indigo/tech theme for the QR Code Generator and similar tech tools.
   ========================================================================== */

:root {
    /* Primary brand colors - Indigo */
    --color-primary: #6366f1;
    --color-primary-hover: #4f46e5;
    --color-primary-rgb: 99, 102, 241;

    /* Accent - Bright Indigo */
    --color-accent: #818cf8;
    --color-accent-light: #a5b4fc;

    /* Header */
    --color-header-bg: #4f46e5;
    --color-header-text: #ffffff;
    --color-header-hover: #c7d2fe;
    --color-beta-badge-bg: #818cf8;

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

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

    /* Results - Indigo gradient */
    --color-results-from: #eef2ff;
    --color-results-to: #e0e7ff;
    --color-results-border: #818cf8;
    --color-results-text: #4f46e5;

    /* FAQ - Indigo gradient */
    --color-faq-from: #eef2ff;
    --color-faq-to: #e0e7ff;
    --color-faq-border: #818cf8;
    --color-faq-heading: #4f46e5;
}

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