/* Default Gallery Theme - Bright/Light */
:root {
    /* Color Scheme - Status colors preserved, others grayscale */
    --color-danger: red;
    --color-home: rgb(85, 80, 78);
    --color-ok: green;
    --color-neutral: blue;
    --font-color-text: #333333; /* Dark gray text on light background */
    --font-color-highlight: #666666; /* Medium gray for highlights */
    --font-color-accent: #3388ff; /* Blue accent color for focus and interactive elements */
    --font-color-accent-transparent: rgba(51, 136, 255, 0.2); /* Semi-transparent version for focus effects */
    
    /* Background Colors - Light theme */
    --background-primary: #f8f9fa; /* Light gray background */
    --background-primary-transparent: rgba(248, 249, 250, 0.95);
    --background-highlight: #e9ecef; /* Slightly darker light gray */
    --background-highlight-transparent: rgba(233, 236, 239, 0.9);
    --background-table-transparent: rgba(108, 117, 125, 0.1); /* Very light gray overlay */
    
    /* Header Decorative Elements - Grayscale gradients */
    --header-line-gradient: radial-gradient(transparent 10%, var(--font-color-text) 21%, var(--font-color-highlight) 68%, var(--font-color-accent) 77%, transparent);
    --header-pattern-background: repeating-radial-gradient(circle at bottom right, 
        transparent 0, 
        transparent 47.2vw, 
        var(--background-highlight-transparent) 47.2vw,
        var(--background-primary-transparent) 47.4vw,
        transparent 47.4vw);
    
    /* Layout & Sizing Parameters */
    --cards-image-ratio: 37.5%; /* in percent, please! */
    --gallery-item-min-width: 11rem;
    --gallery-gap: 1em;
    --content-max-width: 93em;
    --content-max-width-cards: 110rem;
    
    /* Typography */
    --font-size-body: 1.1rem;
    --font-family-text: 'expletussans_regular', sans-serif;
    --font-family-mono: 'azaret_mono', monospace;
    --font-family-display: 'museo_moderno', sans-serif;
    
    /* Spacing & Layout */
    --padding-cards: 1rem .5rem 1rem 1rem;
    --titleline-top: 2.72rem; /* Adjusted to account for title height and to fit in between navemenu buttons neatly */
    --titleline-btm: calc(100% - (var(--titleline-top) + 0.15em)); /* Adjusted to account for title height */
    
    /* Effects & Animations */
    --hoverscale: 104%;
    --growtime: .07s;
    --color-gradient-brand: linear-gradient(90deg, transparent, var(--font-color-highlight) 10%, var(--font-color-accent) 87%, transparent);
    
    /* Header Decorative Line Positioning */
    --background-linewidth-multiplier: 1.25;
    --background-transparent-gap: 51vw;
}