/* css/base.css */
:root {
    --primary-accent: #3b82f6;
    --primary-accent-darker: #2563eb;
    --gradient-start: #3b82f6;
    --gradient-end: #1e40af;

    /* Light Theme Defaults */
    --bg-color: #f8f9fa;
    --text-color: #212529;
    --card-bg-rgb: 255, 255, 255; /* For RGBA alpha in glass effect */
    --card-border-rgb: 0, 0, 0;
    --nav-bg-rgb: 255, 255, 255;
    --nav-border-rgb: 0, 0, 0;
    --subtle-text: #3f3938;
    --input-bg: #ffffff;
    --input-border: #ced4da;
    --link-color: var(--primary-accent);

    /* Glass Effect Variables */
    --glass-card-bg: rgba(var(--card-bg-rgb), 0.6);
    --glass-card-border: rgba(var(--card-border-rgb), 0.1);
    --glass-card-shadow: 0 4px 6px rgba(var(--card-border-rgb), 0.05);
    --glass-nav-bg: rgba(var(--nav-bg-rgb), 0.65); /* Slightly less transparent for readability */
    --glass-nav-border: rgba(var(--nav-border-rgb), 0.1);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 100%; /* Base for rem units */
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px; /* Base font size */
    line-height: 1.6;
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s ease, color 0.3s ease;
    padding-top: 90px; /* navbar_top_margin + navbar_height + buffer for DESKTOP */
    /* padding-bottom for mobile is handled in navbar.css @media query */
}

.container {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Base Glass Morphism Style - applied by .glass class */
.glass {
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px; /* Default pronounced rounding for general glass elements */
}