/* Dynamic Theme CSS - Generated from Color Configuration */
:root {
    --color-primary: #f5f1e8;
    --color-secondary: #d4c5b9;
    --color-accent: #c4b5a9;
    --color-announcement-border: #b8a58c;
    --color-header-bg: #8b7355;
    --color-header-text: #f5f1e8;
    --color-sidebar-bg: #ebe5d9;
    --color-sidebar-text: #4a3c32;
    --color-button-bg: #d4af37;
    --color-button-text: #4a3c32;
    --color-link: #8b7355;
    --color-success: #6b8e23;
    --color-error: #8b3626;
    --theme-style: 'parchment';
}

body {
    background: var(--color-secondary);
}

.header-bar {
    background: var(--color-header-bg);
    color: var(--color-header-text);
}

.user-info {
    color: var(--color-header-text);
}

.logout-link {
    color: var(--color-header-text);
}

.side-menu {
    background: var(--color-sidebar-bg);
}

.side-menu a {
    color: var(--color-sidebar-text);
}

.side-menu a:hover {
    color: var(--color-primary);
}

.login-links a {
    color: var(--color-link);
}

.login-links a:hover {
    color: var(--color-primary);
}

.announcement {
    background: var(--color-accent);
    border: 1px solid var(--color-announcement-border);
}

.login-container .success {
    color: var(--color-success);
}

.login-container .error {
    color: var(--color-error);
}

button, input[type="submit"], .btn-primary {
    background: var(--color-button-bg);
    color: var(--color-button-text);
}

a.btn,
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active,
a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited,
a.btn-primary:hover,
a.btn-primary:active {
    color: var(--color-button-text) !important;
}

button:hover, input[type="submit"]:hover, .btn-primary:hover {
    opacity: 0.8;
}

a {
    color: var(--color-link);
}

a:hover {
    color: var(--color-primary);
}

/* Parchment Theme - Ornate Borders */
html {{ background: var(--color-primary); }}

body {{ 
    background: var(--color-primary);
    color: #4a3c32;
}}

.header-bar {{
    background: var(--color-header-bg);
    border-bottom: 3px solid var(--color-accent);
}}

.side-menu {{
    background: var(--color-sidebar-bg);
    border-right: 2px solid var(--color-accent);
}}

.side-menu a {{
    border-bottom: 1px solid var(--color-accent);
    padding: 8px 12px;
}}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {{
    background: var(--color-primary);
    color: #4a3c32;
    border: 1px solid var(--color-accent);
}}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {{
    outline: none;
    border: 1px solid var(--color-button-bg);
    box-shadow: 0 0 5px var(--color-button-bg);
}}

button, input[type="submit"], .btn-primary {{
    background: var(--color-button-bg);
    color: var(--color-button-text);
    border: 2px solid var(--color-accent);
    border-radius: 4px;
    padding: 8px 16px;
    font-weight: bold;
    transition: all 0.3s ease;
}}

button:hover, input[type="submit"]:hover, .btn-primary:hover {{
    opacity: 1;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
    transform: scale(1.02);
}}