/* ============================================================================
   LOREBENCH DARK THEME
   ============================================================================
   Dark theme with gold accent - the default LoreBench theme
   Applied by default via :root, and when data-theme="dark"
   ============================================================================ */

:root,
:root[data-theme="dark"] {
    /* PRIMARY ACCENT COLOR (gold) */
    --lb-accent-primary: #d4af37;
    --lb-accent-primary-light: #f4d03f;
    --lb-accent-primary-dark: #b8941f;
    --lb-accent-primary-darker: #9c7d1a;

    /* BACKGROUND COLORS */
    --lb-bg-base: #0f0f0f;
    --lb-bg-elevated: #1a1a1a;
    --lb-bg-elevated-1: #1e1e1e;
    --lb-bg-elevated-2: #222;
    --lb-bg-elevated-3: #2a2a2a;
    --lb-bg-input: #222;
    --lb-bg-hover: #333;
    --bg-tertiary: #1a1a1a;
    --bg-primary: #1a1a1a;

    /* BORDER COLORS */
    --lb-border-subtle: #2a2a2a;
    --lb-border-default: #333;
    --lb-border-strong: #444;
    --lb-border-focus: var(--lb-accent-primary);

    /* TEXT COLORS */
    --lb-text-primary: #e0e0e0;
    --lb-text-secondary: #ccc;
    --lb-text-muted: #888;
    --lb-text-subtle: #666;
    --lb-text-inverse: #0f0f0f;

    /* STATE COLORS */
    --lb-success: #4caf50;
    --lb-error: #ff6666;
    --lb-error-bg: #3a1f1f;
    --lb-error-border: #6b2c2c;
    --lb-warning: #f4d03f;
    --lb-info: #4a9eff;

    /* COMPONENT-SPECIFIC */
    --lb-card-bg: var(--lb-bg-elevated);
    --lb-card-border: var(--lb-border-subtle);
    --lb-card-header-bg: linear-gradient(135deg, var(--lb-bg-elevated-3) 0%, var(--lb-bg-elevated) 100%);

    /* INTERACTIVE ELEMENTS */
    --lb-button-primary-bg: var(--lb-accent-primary);
    --lb-button-primary-hover: var(--lb-accent-primary-light);
    --lb-button-primary-text: var(--lb-text-inverse);
    --lb-button-secondary-bg: var(--lb-bg-elevated-3);
    --lb-button-secondary-hover: var(--lb-bg-hover);
    --lb-button-secondary-text: var(--lb-text-secondary);

    /* RATING SYSTEM */
    --lb-rating-fill: var(--lb-accent-primary);
    --lb-rating-empty: #444;
    --lb-rating-hover: var(--lb-accent-primary-light);

    /* SHADOWS */
    --lb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --lb-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --lb-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.5);

    /* ========================================================================
       BACKWARDS COMPATIBILITY MAPPINGS
       ======================================================================== */
    --primary-color: var(--lb-accent-primary);
    --primary-hover: var(--lb-accent-primary-light);
    --bg-secondary: var(--lb-bg-elevated-2);
    --bg-card: var(--lb-bg-elevated);
    --bg-hover: var(--lb-bg-hover);
    --border-color: var(--lb-border-default);
    --text-primary: var(--lb-text-primary);
    --text-secondary: var(--lb-text-secondary);
    --text-muted: var(--lb-text-muted);

    /* UX Component Mappings */
    --ux-bg: var(--lb-bg-base);
    --ux-text: var(--lb-text-primary);
}