/* ============================================================
   styles.css  —  Two Parts Whiskey theme
   Loaded AFTER core-styles.css. Overrides CSS variables and
   adds any page-specific rules not covered by the core.
   ============================================================ */

/* Google Font import for MedievalSharp — local to this theme */
@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');

:root {
    /* Palette */
    --color-bg:              #1c140f;   /* Deep oak barrel brown */
    --color-bg-card:         #2a211a;   /* Dark oak */
    --color-bg-card-deep:    #3a2c22;   /* Deeper barrel brown */
    --color-bg-card-hover:   #5c4633;   /* Hovered barrel brown */
    --color-border:          #5c4633;   /* Subtle barrel rim */
    --color-border-strong:   #8c6642;   /* Barrel hoop brown */
    --color-border-active:   #d4a017;   /* Whiskey gold active */
    --color-text:            #f5e8c7;   /* Warm creamy gold */
    --color-text-muted:      #c9a46f;   /* Soft amber */
    --color-text-subtle:     #b38b5e;   /* Warm caramel brown */
    --color-accent:          #d4a017;   /* Rich whiskey gold */
    --color-accent-light:    #e8c670;   /* Golden whiskey highlight */
    --color-accent-glow:     #e8c670;   /* Glow color for arcane phrases */
    --color-runtime:         #f4c542;   /* Warm whiskey/gold runtime text */
    --color-arcane-idle:     #3a2c22;   /* Hidden — blends into background */
    --color-arcane-hover:    #d4a017;   /* Glows to whiskey gold on hover */
    --shadow-active-glow:    0 0 12px rgba(212, 160, 23, 0.4);

    /* Typography */
    --font-display:  'MedievalSharp', cursive;
    --font-primary:  Arial, sans-serif;
}

/* Page-specific: subtitle uses the subtle caramel tone */
.subtitle {
    color: var(--color-text-subtle);
}

/* Mobile tag filter label colors differ from desktop on this page */
@media (max-width: 768px) {
    .tag-filter label {
        background-color: #282828;
        color:            #e0e0e0;
        border:           1px solid #444;
    }
}