/*
 * NSWG Custom Theme - Earthy/Wood-Inspired Colors
 * For North Shore Woodturners Guild
 */

:root {
    /* Primary wood-inspired palette */
    --nswg-primary: #5D4037;        /* Dark wood brown - main headers */
    --nswg-primary-light: #8B6914;  /* Lighter brown for hover states */
    --nswg-secondary: #795548;      /* Medium brown - secondary sections */
    --nswg-tertiary: #8D6E63;       /* Warm taupe - tertiary sections */
    --nswg-light: #A1887F;          /* Light brown - subtle accents */
    --nswg-accent: #FF8F00;         /* Warm amber - highlights, buttons */
    --nswg-accent-dark: #E65100;    /* Darker amber for hover */
    --nswg-danger: #C62828;         /* Muted red - emergencies, warnings */
    --nswg-danger-light: #EF5350;   /* Lighter red for hover */

    /* Text colors */
    --nswg-text-light: #FFFFFF;
    --nswg-text-dark: #3E2723;

    /* Background tints */
    --nswg-bg-cream: #FFF8E1;       /* Warm cream background */
    --nswg-bg-light: #EFEBE9;       /* Light brown-gray background */
}

/* ============================================================================
   Card Header Styles
   ============================================================================ */

.card-header.bg-nswg-primary {
    background-color: var(--nswg-primary) !important;
    color: var(--nswg-text-light);
    border-color: var(--nswg-primary);
}

.card-header.bg-nswg-secondary {
    background-color: var(--nswg-secondary) !important;
    color: var(--nswg-text-light);
    border-color: var(--nswg-secondary);
}

.card-header.bg-nswg-tertiary {
    background-color: var(--nswg-tertiary) !important;
    color: var(--nswg-text-light);
    border-color: var(--nswg-tertiary);
}

.card-header.bg-nswg-light {
    background-color: var(--nswg-light) !important;
    color: var(--nswg-text-light);
    border-color: var(--nswg-light);
}

.card-header.bg-nswg-accent {
    background-color: var(--nswg-accent) !important;
    color: var(--nswg-text-dark);
    border-color: var(--nswg-accent);
}

.card-header.bg-nswg-danger {
    background-color: var(--nswg-danger) !important;
    color: var(--nswg-text-light);
    border-color: var(--nswg-danger);
}

/* ============================================================================
   Button Styles
   ============================================================================ */

.btn-nswg-primary {
    background-color: var(--nswg-primary);
    border-color: var(--nswg-primary);
    color: var(--nswg-text-light);
}

.btn-nswg-primary:hover,
.btn-nswg-primary:focus {
    background-color: var(--nswg-primary-light);
    border-color: var(--nswg-primary-light);
    color: var(--nswg-text-light);
}

.btn-nswg-accent {
    background-color: var(--nswg-accent);
    border-color: var(--nswg-accent);
    color: var(--nswg-text-dark);
}

.btn-nswg-accent:hover,
.btn-nswg-accent:focus {
    background-color: var(--nswg-accent-dark);
    border-color: var(--nswg-accent-dark);
    color: var(--nswg-text-light);
}

.btn-outline-nswg-primary {
    border-color: var(--nswg-primary);
    color: var(--nswg-primary);
}

.btn-outline-nswg-primary:hover,
.btn-outline-nswg-primary:focus {
    background-color: var(--nswg-primary);
    border-color: var(--nswg-primary);
    color: var(--nswg-text-light);
}

/* ============================================================================
   Background Utilities
   ============================================================================ */

.bg-nswg-primary { background-color: var(--nswg-primary) !important; }
.bg-nswg-secondary { background-color: var(--nswg-secondary) !important; }
.bg-nswg-tertiary { background-color: var(--nswg-tertiary) !important; }
.bg-nswg-light { background-color: var(--nswg-light) !important; }
.bg-nswg-accent { background-color: var(--nswg-accent) !important; }
.bg-nswg-danger { background-color: var(--nswg-danger) !important; }
.bg-nswg-cream { background-color: var(--nswg-bg-cream) !important; }

/* ============================================================================
   Text Color Utilities
   ============================================================================ */

.text-nswg-primary { color: var(--nswg-primary) !important; }
.text-nswg-secondary { color: var(--nswg-secondary) !important; }
.text-nswg-accent { color: var(--nswg-accent) !important; }
.text-nswg-danger { color: var(--nswg-danger) !important; }

/* ============================================================================
   Border Utilities
   ============================================================================ */

.border-nswg-primary { border-color: var(--nswg-primary) !important; }
.border-nswg-secondary { border-color: var(--nswg-secondary) !important; }
.border-nswg-accent { border-color: var(--nswg-accent) !important; }

/* ============================================================================
   Navbar Customization
   ============================================================================ */

.navbar-nswg {
    background-color: var(--nswg-primary) !important;
}

.navbar-nswg .navbar-brand,
.navbar-nswg .nav-link {
    color: var(--nswg-text-light) !important;
}

.navbar-nswg .nav-link:hover {
    color: var(--nswg-accent) !important;
}

/* ============================================================================
   Alert Styles
   ============================================================================ */

.alert-nswg-warning {
    background-color: var(--nswg-bg-cream);
    border-color: var(--nswg-accent);
    color: var(--nswg-text-dark);
}

.alert-nswg-danger {
    background-color: #FFEBEE;
    border-color: var(--nswg-danger);
    color: var(--nswg-danger);
}

/* ============================================================================
   Table Styles
   ============================================================================ */

.table-nswg thead {
    background-color: var(--nswg-primary);
    color: var(--nswg-text-light);
}

.table-nswg tbody tr:hover {
    background-color: var(--nswg-bg-light);
}

/* ============================================================================
   Badge Styles
   ============================================================================ */

.badge-nswg-primary {
    background-color: var(--nswg-primary);
    color: var(--nswg-text-light);
}

.badge-nswg-accent {
    background-color: var(--nswg-accent);
    color: var(--nswg-text-dark);
}

.badge-nswg-danger {
    background-color: var(--nswg-danger);
    color: var(--nswg-text-light);
}

/* ============================================================================
   Link Styles
   ============================================================================ */

a.text-nswg-primary:hover {
    color: var(--nswg-primary-light) !important;
}

/* ============================================================================
   Form Focus States
   ============================================================================ */

.form-control:focus {
    border-color: var(--nswg-secondary);
    box-shadow: 0 0 0 0.25rem rgba(93, 64, 55, 0.25);
}

.form-check-input:checked {
    background-color: var(--nswg-primary);
    border-color: var(--nswg-primary);
}