/* Auto-generated Theme CSS */
:root {
    /* Brand Colors */
    --color-primary: #0d1b3d;
    --color-primary-hover: #08122a;
    --color-secondary: #c0392b;

    /* Extended Primary Colors */
    --color-primary-50: #f3f4f5;
    --color-primary-100: #e7e8ec;
    --color-primary-200: #cfd1d8;
    --color-primary-700: #0b1734;
    --color-primary-800: #0a142e;

    /* Status Colors */
    --color-success: #16a34a;
    --color-danger: #dc2626;
    --color-warning: #d97706;
    --color-info: #0d1b3d;

    /* Extended Status Colors */
    --color-success-700: #138b3f;
    --color-danger-700: #bb2020;
    --color-warning-700: #b86505;
    --color-info-700: #0b1734;

    /* Text Colors */
    --color-text: #111827;
    --color-text-muted: #6b7280;

    /* Background Colors */
    --color-bg: #ffffff;
    --color-bg-alt: #f9fafb;
    --color-border: #e5e7eb;

    /* Layout Colors */
    --color-header-bg: #ffffff;
    --color-footer-bg: #0d1b3d;
    --color-sidebar-bg: #0d1b3d;

    /* Typography */
    --font-family: 'Inter', system-ui, -apple-system, sans-serif;

    /* Spacing & Sizing */
    --border-radius: 8px;
    --border-radius-sm: 4px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;
}

/* Base Styles */
body {
    font-family: var(--font-family);
    color: var(--color-text);
    background-color: var(--color-bg);
}

/* Primary Button Overrides */
.btn-primary {
    background-color: var(--color-primary);
}
.btn-primary:hover {
    background-color: var(--color-primary-hover);
}

/* Status Colors */
.text-success, .badge-green { color: var(--color-success); }
.text-danger, .badge-red { color: var(--color-danger); }
.text-warning, .badge-yellow { color: var(--color-warning); }
.text-info, .badge-blue { color: var(--color-info); }

.bg-success { background-color: var(--color-success); }
.bg-danger { background-color: var(--color-danger); }
.bg-warning { background-color: var(--color-warning); }
.bg-info { background-color: var(--color-info); }

/* Layout */
.site-header {
    background-color: var(--color-header-bg);
}

.site-footer {
    background-color: var(--color-footer-bg);
}

/* Cards & Panels */
.panel, .card {
    border-radius: var(--border-radius);
    border-color: var(--color-border);
}

/* Form Controls */
.form-input, .form-select, .form-textarea {
    border-radius: var(--border-radius-sm);
    border-color: var(--color-border);
}

.form-input:focus, .form-select:focus, .form-textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(13, 27, 61, 0.1);
}

/* Links — inherit parent text color by default (zero specificity so Tailwind utilities win).
   Use .prose or .theme-link for the primary-colored link treatment in body copy. */
:where(a) {
    color: inherit;
}

.prose a, .theme-link {
    color: var(--color-primary);
}

.prose a:hover, .theme-link:hover {
    color: var(--color-primary-hover);
}

/* Muted Text */
.text-muted, .text-gray-500, .text-gray-600 {
    color: var(--color-text-muted) !important;
}

/* Border Colors */
.border, .border-gray-200, .border-gray-300 {
    border-color: var(--color-border) !important;
}