/* Forge Light Design System - "The Digital Curator" */

/* Font Faces */
@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk-Variable.woff2') format('woff2');
    font-weight: 300 700;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Variable.woff2') format('woff2');
    font-weight: 300 700;
    font-display: swap;
}

/* Material Symbols */
.forge-light .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glassmorphism Navigation */
.forge-light .glass-nav {
    background: rgba(249, 249, 248, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Glass dropdown panel — frosted cream, used by the account menu and any
   similar floating menus. Sits over page content so the blur picks up
   whatever's behind. */
.glass-menu,
.forge-light .glass-menu {
    background: rgba(249, 249, 248, 0.97);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
}

/* Gradient Buttons */
.forge-light .btn-gradient,
.forge-light .forge-gradient,
.forge-light .ember-gradient {
    background: linear-gradient(135deg, #8d4b00 0%, #b15f00 100%);
}

/* Active Pill - sidebar active indicator */
.forge-light .active-pill {
    position: relative;
}
.forge-light .active-pill::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #8d4b00;
    border-radius: 0 2px 2px 0;
}




/* Form inputs — plain CSS, wins on specificity.
   Stop touching this. */
.forge-light input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.forge-light textarea,
.forge-light select {
    border: 1px solid #c9a982 !important;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    background: white;
    color: #1a1c1c;
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 100%;
    box-sizing: border-box;
}
.forge-light input:focus:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.forge-light textarea:focus,
.forge-light select:focus {
    border-color: #8d4b00 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(141, 75, 0, 0.15);
}
.forge-light input::placeholder,
.forge-light textarea::placeholder {
    color: #554336;
    opacity: 0.5;
}

/* Rendered Markdown for Jesse's Notes (admin-authored, Markdig output). */
.lesson-note-body p { margin: 0 0 0.6rem; }
.lesson-note-body p:last-child { margin-bottom: 0; }
.lesson-note-body strong { font-weight: 700; color: #1a1c1c; }
.lesson-note-body em { font-style: italic; }
.lesson-note-body a {
    color: #8d4b00;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.lesson-note-body a:hover { color: #b15f00; }
.lesson-note-body ul,
.lesson-note-body ol { margin: 0 0 0.6rem; padding-left: 1.4rem; }
.lesson-note-body ul { list-style: disc; }
.lesson-note-body ol { list-style: decimal; }
.lesson-note-body li { margin: 0.15rem 0; }
.lesson-note-body ul:last-child,
.lesson-note-body ol:last-child { margin-bottom: 0; }