/* ============================================================================
   LOREBENCH LIGHT THEME
   ============================================================================
   Light theme with refined gold accent
   ============================================================================ */

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

    /* BACKGROUND COLORS (inverted - lighter = elevated) */
    --lb-bg-base: #f5f5f5;
    --lb-bg-elevated: #ffffff;
    --lb-bg-elevated-1: #f8f8f8;
    --lb-bg-elevated-2: #fafafa;
    --lb-bg-elevated-3: #f0f0f0;
    --lb-bg-input: #ffffff;
    --lb-bg-hover: #e8e8e8;
    --bg-tertiary: #f5f5f5;
    --bg-primary: #ffffff;

    /* BORDER COLORS */
    --lb-border-subtle: #e0e0e0;
    --lb-border-default: #d0d0d0;
    --lb-border-strong: #bbb;
    --lb-border-focus: var(--lb-accent-primary);

    /* TEXT COLORS */
    --lb-text-primary: #1a1a1a;
    --lb-text-secondary: #333;
    --lb-text-muted: #666;
    --lb-text-subtle: #888;
    --lb-text-inverse: #ffffff;

    /* STATE COLORS */
    --lb-success: #2e7d32;
    --lb-error: #c62828;
    --lb-error-bg: #ffebee;
    --lb-error-border: #ef9a9a;
    --lb-warning: #f9a825;
    --lb-info: #1565c0;

    /* 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: #ddd;
    --lb-rating-hover: var(--lb-accent-primary-light);

    /* SHADOWS (lighter for light theme) */
    --lb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --lb-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --lb-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.12);

    /* ========================================================================
       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);
}