/* ============================================================
   strikeout-pro-theme-1.css
   Brand color theme for strikeout.pro (PageDrop v1.5.0)
   Dark base, Strikeout green accent, blue secondary.
   Loads after the theme stylesheet and overrides its colors.
   ============================================================ */

/* ------------------------------------------------------------
   EDIT YOUR BRAND COLORS HERE
   Change these hex values and the whole site recolors.
   ------------------------------------------------------------ */
:root {
    /* Backgrounds (darkest to lightest) */
    --bg-primary:   #0d1117;
    --bg-secondary: #151c26;
    --bg-card:      #1b2430;
    --bg-elevated:  #232f3e;
    --bg-input:     #121922;

    /* Text */
    --text-primary:   #e6edf3;
    --text-secondary: #9aa7b4;
    --text-muted:     #66727f;
    --text-heading:   #f2f6fa;

    /* Primary brand accent (Strikeout green) */
    --accent:       #19c37d;
    --accent-hover: #1fd98c;
    --accent-light: rgba(25, 195, 125, 0.15);
    --accent-glow:  rgba(25, 195, 125, 0.35);

    /* Status colors */
    --success: #2ecc71;
    --warning: #f5a623;
    --danger:  #e5484d;
    --info:    #3b82f6; /* brand blue, secondary accent */

    /* Borders */
    --border:       #263240;
    --border-light: #1b2430;

    /* Shadows tuned to the dark base */
    --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.55);
    --shadow-glow: 0 0 22px var(--accent-glow);
}

/* ------------------------------------------------------------
   BRAND TOUCHES
   Small, safe overrides that lean into the green/blue identity.
   ------------------------------------------------------------ */

/* Text selection uses the brand green */
::selection {
    background: var(--accent);
    color: #04140c;
}

/* Gradient text: green to blue */
.text-gradient {
    background: linear-gradient(135deg, var(--accent), var(--info), var(--accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Brand glow utility for logos and key images */
.glow,
.img-glow {
    box-shadow: var(--shadow-glow);
}

/* Primary buttons get a slightly stronger brand glow on hover */
.btn-primary:hover {
    box-shadow: var(--shadow-glow);
}

/* Active nav and links pick up the green accent cleanly */
a:hover {
    color: var(--accent-hover);
}

/* Badges keep good contrast on the dark base */
.badge-success {
    background: var(--accent-light);
    color: var(--accent);
}