/* Default Bright Gallery Theme - Variables */
:root {
    /* Color Scheme - Bright theme with darker accents */
    --color-danger: #e11d48;
    --color-home: #475569;
    --color-ok: #16a34a;
    --color-neutral: #6366f1;
    --font-color-text: #1f2937; /* Dark gray text on light background */
    --font-color-highlight: #4b5563; /* Medium gray for highlights */
    --font-color-accent: #1a3b83; /* Darker emerald accent for contrast on light bg */
    --font-color-accent-transparent: rgba(4, 120, 87, 0.2); /* Semi-transparent version for focus effects */

    /* Background Colors - Bright theme (light grey, not pure white) */
    --background-primary: #e5e7eb; /* Light grey background */
    --background-primary-transparent: rgba(229, 231, 235, 0.95);
    --background-highlight: #f9fafb; /* Near-white for raised surfaces */
    --background-highlight-transparent: rgba(249, 250, 251, 0.9);
    --background-table-transparent: rgba(26, 59, 131, 0.2); /* Dark overlay for tables on light bg */

    /* Header Decorative Elements - Bright theme 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;
}