/* Jakob von Rotz Theme Variables */

/* Theme-specific font definitions */
@font-face {
    font-family: 'expletussans_regular';
    src: url('../fonts/expletussans/expletussans-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'azaret_mono';
    src: url('../fonts/azaretmono/AzeretMono-VariableFont_wght.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Color Scheme */
    --color-danger: crimson;
    --color-home: burlywood;
    --color-ok: lightgreen;
    --color-neutral: lightblue;
    --font-color-text: rgb(200, 212, 186);
    --font-color-highlight: rgb(199, 93, 22);
    --font-color-accent: rgb(180, 194, 51);
    
    /* Background Colors */
    --background-primary: #000000f5; /* "transparent black" */
    --background-primary-transparent: rgba(41, 40, 39, 0.79);
    --background-highlight: rgb(18%, 18%, 18%);
    --background-highlight-transparent: rgba(119, 116, 106, 0.91);
    --background-table-transparent: rgba(45, 78, 187, 0.726);
    
    /* Header Decorative Elements - Theme Specific */
    --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.7rem; /* Adjusted to account for title height and to fit in between navemenu buttons neatly */
    --titleline-btm: calc(100% - (var(--titleline-top) + 0.15rem)); /* 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;
}