/* ==========================================================================
   PocketCalcs Random Theme

   Emerald/green playful theme for the Random Number Generator and similar fun calculators.
   ========================================================================== */

:root {
    /* Primary brand colors - Emerald */
    --color-primary: #10b981;
    --color-primary-hover: #059669;
    --color-primary-rgb: 16, 185, 129;

    /* Accent - Bright Green */
    --color-accent: #34d399;
    --color-accent-light: #6ee7b7;

    /* Header */
    --color-header-bg: #059669;
    --color-header-text: #ffffff;
    --color-header-hover: #a7f3d0;
    --color-beta-badge-bg: #34d399;

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

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

    /* Results - Green gradient */
    --color-results-from: #ecfdf5;
    --color-results-to: #d1fae5;
    --color-results-border: #34d399;
    --color-results-text: #059669;

    /* FAQ - Green gradient */
    --color-faq-from: #ecfdf5;
    --color-faq-to: #d1fae5;
    --color-faq-border: #34d399;
    --color-faq-heading: #059669;
}

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