﻿:root {
    --saya-bg: #123d2d;
    --saya-gold: #e8c779;
    --saya-text: #f0ead8;
    --saya-glass: rgba(49,119,82,.28);
    --saya-border: rgba(232,199,121,.28);
}

html, body {
    min-height: 100%;
    background: #103b2c !important;
}

body {
    background:
        radial-gradient(ellipse at 15% 0%, rgba(61,135,91,.38), transparent 45%),
        linear-gradient(135deg,#174b36,#103b2c 55%,#0d3024) fixed !important;
    color: var(--saya-text) !important;
}

.app-shell, .app-main, .app-content, main,
.main-content, .page-content {
    background: transparent !important;
    color: var(--saya-text) !important;
}

.sidebar, aside, .app-sidebar {
    background: rgba(10,43,31,.90) !important;
    border-color: var(--saya-border) !important;
    backdrop-filter: blur(18px);
}

.card, .card-body, .panel, .panel-body, .widget,
.stat-card, .kpi, .dashboard-card, .section-panel,
.content-card, .modal-content, .list-group-item {
    background: var(--saya-glass) !important;
    color: var(--saya-text) !important;
    border-color: var(--saya-border) !important;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 28px rgba(0,20,12,.12);
}

h1, h2, h3, h4, h5, h6,
.page-title, .section-title, .card-title,
.dashboard-heading, label, .form-label {
    color: var(--saya-gold) !important;
}

p, li, td, th, small, .text-muted, .muted,
.help-text, .form-text {
    color: var(--saya-text);
}

a:not(.btn):not(.button) {
    color: var(--saya-gold) !important;
}

input:not([type="checkbox"]):not([type="radio"]),
textarea, select, .form-control, .form-select {
    background: rgba(8,45,32,.65) !important;
    color: #f4f0e5 !important;
    border: 1px solid var(--saya-border) !important;
    border-radius: 12px;
}

input::placeholder, textarea::placeholder {
    color: rgba(232,224,198,.58) !important;
}

table, .table {
    color: var(--saya-text) !important;
    --bs-table-bg: transparent;
    --bs-table-color: var(--saya-text);
    --bs-table-border-color: var(--saya-border);
}

.btn-primary, .btn-success, button[type="submit"] {
    background: linear-gradient(135deg,#347c53,#205c3c) !important;
    border: 1px solid rgba(232,199,121,.38) !important;
    color: #fff3d1 !important;
}

.bg-white, .bg-light, .text-bg-light {
    background: var(--saya-glass) !important;
    color: var(--saya-text) !important;
}

hr {
    border-color: var(--saya-border) !important;
}
