/* Copyright 2026 Autopoetic Inc */

/* === Amber Monochrome Dark Theme === */

[data-theme="dark"] {
    --color-bg: #18150f;
    --color-bg-dark: #252119;
    --color-border: #5a4f42;
    --color-text: #e8dcc8;
    --color-text-muted: #9c8e7c;
    --color-primary: #d4920a;
    --color-primary-hover: #f0a500;
    --color-disabled: #4a4035;
    --color-success: #7a9a4a;
    --color-error: #c44838;
    --shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
}

[data-theme="dark"] body {
    background: var(--color-bg);
    color: var(--color-text);
}

[data-theme="dark"] .logo img {
    filter: invert(1) brightness(0.85) sepia(0.15);
}

[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="text"],
[data-theme="dark"] textarea {
    background-color: #1e1b15;
    border-color: var(--color-border);
    color: var(--color-text);
}

[data-theme="dark"] input[type="email"]:focus,
[data-theme="dark"] input[type="password"]:focus,
[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] textarea:focus {
    border-color: var(--color-primary);
}

[data-theme="dark"] .agent-search-input {
    background: #1e1b15;
    border-color: var(--color-border);
    color: var(--color-text);
}

[data-theme="dark"] .agent-search-input:focus {
    border-color: var(--color-primary);
}

[data-theme="dark"] .errors {
    background: #2a1510;
    border-color: var(--color-error);
}

[data-theme="dark"] .btn-secondary {
    background: var(--color-text-muted);
    color: #18150f;
}

[data-theme="dark"] .btn-danger:hover {
    background: #d45040;
}

[data-theme="dark"] .spinner {
    border-color: #5a4f42;
    border-top-color: var(--color-primary);
}

[data-theme="dark"] .project-item {
    background-color: #1e1b15;
    border-color: var(--color-border);
}

[data-theme="dark"] .conversation-item {
    background-color: #1e1b15;
    border-color: var(--color-border);
}

[data-theme="dark"] #conversation-page .user-message .message-body {
    background: #22201a;
    border-color: var(--color-border);
}

[data-theme="dark"] #conversation-page .agent-message .message-body code {
    background: #252119;
}

[data-theme="dark"] #conversation-page .agent-message .message-body pre {
    background: #252119;
}

[data-theme="dark"] .delete-btn {
    color: #5a4f42;
}

[data-theme="dark"] .delete-btn:hover {
    color: var(--color-error);
}

[data-theme="dark"] .auth-form form {
    background-color: #1e1b15;
    border-color: var(--color-border);
    color: var(--color-text);
}

[data-theme="dark"] .admin-row:hover {
    background-color: var(--color-bg-dark);
}

[data-theme="dark"] .admin-status-active {
    background-color: #2a3318;
    color: #a8c86a;
}

[data-theme="dark"] .admin-status-trialing {
    background-color: #2a2510;
    color: var(--color-primary);
}

[data-theme="dark"] .admin-status-past_due,
[data-theme="dark"] .admin-status-unpaid,
[data-theme="dark"] .admin-status-canceled {
    background-color: #2a1510;
    color: #e07060;
}

[data-theme="dark"] .admin-status-none {
    background-color: var(--color-bg-dark);
    color: var(--color-text-muted);
}

[data-theme="dark"] .success-message {
    color: #c8d88a;
    background: #2a3318;
}

[data-theme="dark"] .preamble-failed {
    color: var(--color-error);
}

[data-theme="dark"] .project-detail .danger-zone {
    background: #2a1510;
    border-color: var(--color-error);
}

[data-theme="dark"] .delete-dialog {
    background: #1e1b15;
    border-color: var(--color-error);
}

[data-theme="dark"] #conversation-page .agent-select {
    background-color: #1e1b15;
    color: var(--color-text-muted);
    border-color: var(--color-border);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239c8e7c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}

[data-theme="dark"] #sv-fullscreen-overlay {
    background: rgba(24, 21, 15, 0.95);
}

[data-theme="dark"] .sv-download-btn {
    color: var(--color-text);
}

[data-theme="dark"] .admin-json-editor {
    background: #1e1b15;
    color: var(--color-text);
    border-color: var(--color-border);
}

[data-theme="dark"] .admin-json-editor:focus {
    outline-color: var(--color-primary);
    border-color: var(--color-primary);
}

[data-theme="dark"] #conversation-page .perspective-role-badge {
    background: var(--color-bg-dark);
    color: var(--color-text-muted);
}

[data-theme="dark"] .usage-bar-container {
    background: var(--color-bg-dark);
}

[data-theme="dark"] .tier-segment {
    background: var(--color-bg-dark);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --color-bg: #18150f;
        --color-bg-dark: #252119;
        --color-border: #5a4f42;
        --color-text: #e8dcc8;
        --color-text-muted: #9c8e7c;
        --color-primary: #d4920a;
        --color-primary-hover: #f0a500;
        --color-disabled: #4a4035;
        --color-success: #7a9a4a;
        --color-error: #c44838;
        --shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.55);
        color-scheme: dark;
    }

    :root:not([data-theme="light"]) body {
        background: var(--color-bg);
        color: var(--color-text);
    }

    :root:not([data-theme="light"]) .logo img {
        filter: invert(1) brightness(0.85) sepia(0.15);
    }

    :root:not([data-theme="light"]) input[type="email"],
    :root:not([data-theme="light"]) input[type="password"],
    :root:not([data-theme="light"]) input[type="text"],
    :root:not([data-theme="light"]) textarea {
        background-color: #1e1b15;
        border-color: var(--color-border);
        color: var(--color-text);
    }

    :root:not([data-theme="light"]) input[type="email"]:focus,
    :root:not([data-theme="light"]) input[type="password"]:focus,
    :root:not([data-theme="light"]) input[type="text"]:focus,
    :root:not([data-theme="light"]) textarea:focus {
        border-color: var(--color-primary);
    }

    :root:not([data-theme="light"]) .agent-search-input {
        background: #1e1b15;
        border-color: var(--color-border);
        color: var(--color-text);
    }

    :root:not([data-theme="light"]) .agent-search-input:focus {
        border-color: var(--color-primary);
    }

    :root:not([data-theme="light"]) .errors {
        background: #2a1510;
        border-color: var(--color-error);
    }

    :root:not([data-theme="light"]) .btn-secondary {
        background: var(--color-text-muted);
        color: #18150f;
    }

    :root:not([data-theme="light"]) .btn-danger:hover {
        background: #d45040;
    }

    :root:not([data-theme="light"]) .spinner {
        border-color: #5a4f42;
        border-top-color: var(--color-primary);
    }

    :root:not([data-theme="light"]) .project-item {
        background-color: #1e1b15;
        border-color: var(--color-border);
    }

    :root:not([data-theme="light"]) .conversation-item {
        background-color: #1e1b15;
        border-color: var(--color-border);
    }

    :root:not([data-theme="light"]) #conversation-page .user-message .message-body {
        background: #22201a;
        border-color: var(--color-border);
    }

    :root:not([data-theme="light"]) #conversation-page .agent-message .message-body code {
        background: #252119;
    }

    :root:not([data-theme="light"]) #conversation-page .agent-message .message-body pre {
        background: #252119;
    }

    :root:not([data-theme="light"]) .delete-btn {
        color: #5a4f42;
    }

    :root:not([data-theme="light"]) .delete-btn:hover {
        color: var(--color-error);
    }

    :root:not([data-theme="light"]) .auth-form form {
        background-color: #1e1b15;
        border-color: var(--color-border);
        color: var(--color-text);
    }

    :root:not([data-theme="light"]) .admin-row:hover {
        background-color: var(--color-bg-dark);
    }

    :root:not([data-theme="light"]) .admin-status-active {
        background-color: #2a3318;
        color: #a8c86a;
    }

    :root:not([data-theme="light"]) .admin-status-trialing {
        background-color: #2a2510;
        color: var(--color-primary);
    }

    :root:not([data-theme="light"]) .admin-status-past_due,
    :root:not([data-theme="light"]) .admin-status-unpaid,
    :root:not([data-theme="light"]) .admin-status-canceled {
        background-color: #2a1510;
        color: #e07060;
    }

    :root:not([data-theme="light"]) .admin-status-none {
        background-color: var(--color-bg-dark);
        color: var(--color-text-muted);
    }

    :root:not([data-theme="light"]) .success-message {
        color: #c8d88a;
        background: #2a3318;
    }

    :root:not([data-theme="light"]) .preamble-failed {
        color: var(--color-error);
    }

    :root:not([data-theme="light"]) .project-detail .danger-zone {
        background: #2a1510;
        border-color: var(--color-error);
    }

    :root:not([data-theme="light"]) .delete-dialog {
        background: #1e1b15;
        border-color: var(--color-error);
    }

    :root:not([data-theme="light"]) #conversation-page .agent-select {
        background-color: #1e1b15;
        color: var(--color-text-muted);
        border-color: var(--color-border);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239c8e7c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    }

    :root:not([data-theme="light"]) #sv-fullscreen-overlay {
        background: rgba(24, 21, 15, 0.95);
    }

    :root:not([data-theme="light"]) .sv-download-btn {
        color: var(--color-text);
    }

    :root:not([data-theme="light"]) .admin-json-editor {
        background: #1e1b15;
        color: var(--color-text);
        border-color: var(--color-border);
    }

    :root:not([data-theme="light"]) .admin-json-editor:focus {
        outline-color: var(--color-primary);
        border-color: var(--color-primary);
    }

    :root:not([data-theme="light"]) #conversation-page .perspective-role-badge {
        background: var(--color-bg-dark);
        color: var(--color-text-muted);
    }

    :root:not([data-theme="light"]) .usage-bar-container {
        background: var(--color-bg-dark);
    }

    :root:not([data-theme="light"]) .tier-segment {
        background: var(--color-bg-dark);
    }
}