/* ==========================================================================
   theme-light.css — Light mode color tokens
   ========================================================================== */

[data-theme="light"] {
    --color-bg-primary: #b9becc;
    --color-bg-secondary: #ffffff;
    --color-bg-elevated: #f3f4f9;
    --color-surface-blue: #1b3a8c;
    --color-surface-blue-mid: #2854b8;
    --color-accent: #1167f7;
    --color-accent-hover: #f7314f;
    --color-accent-green: #00d4aa;
    --color-text-primary: #333333;
    --color-text-secondary: #666666;
    --color-text-on-dark: #ffffff;
    --color-text-on-dark-muted: rgba(255, 255, 255, 0.6);
    --color-border: #e2e2e2;
    --color-border-light: #f0f0f0;
    --color-danger: #e74c3c;
    --color-warning: #f39c12;
    --color-success: #27ae60;

    /* Confidence badge backgrounds */
    --color-confidence-high-bg: #e8f8f0;
    --color-confidence-medium-bg: #fdf2e9;
    --color-confidence-low-bg: #fdedec;

    /* PHI warning */
    --color-phi-bg: #fff8e1;
    --color-phi-border: #f39c12;
    --color-phi-text: #8d6e00;

    /* Code blocks */
    --color-code-bg: rgba(0, 0, 0, 0.06);
    --color-code-block-bg: #2d2d2d;
    --color-code-block-text: #f8f8f2;

    /* Tool indicator */
    --color-tool-indicator-bg: #f0f7ff;
    --color-tool-indicator-border: #d0e3ff;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 2px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.15);
    --shadow-content: 1px 11px 18px -8px rgb(17 66 135 / 19%);

    /* Scrollbar */
    --color-scrollbar-thumb: #d0d0d0;
    --color-scrollbar-track: transparent;

    /* Placeholder */
    --color-placeholder: #aaaaaa;

    /* Nav bar */
    --color-nav-bg: #1b3a8c;
    --color-nav-border: #154080;
    --color-nav-text: #ffffff;
    --color-nav-icon: rgba(255, 255, 255, 1);
    --color-nav-icon-hover: #ffffff;

    /* Suite tiles */
    --color-suite-tile-bg: #1167f7;
    --color-suite-tile-hover: #0d52d0;
    --color-suite-tile-icon: #ffffff;
    --color-suite-tile-label: #ffffff;

    /* Sidebar */
    --color-sidebar-bg: #ffffff;
    --color-sidebar-border: #e2e2e2;
    --sidebar-close-icon-filter: brightness(0);

    /* Settings */
    --color-settings-section-bg: #f3f3f3;

    /* Search hero */
    --color-search-underline: #00d4aa;
    --color-search-bg: transparent;

    /* Overlay */
    --color-overlay-bg: rgba(0, 0, 0, 0.45);

    /* Search icon filter */
    --search-icon-filter: brightness(0);

    /* Message bubble h2 and links */
    --color-bubble-h2: #4d5dab;
    --color-bubble-link: #1167f7;

    /* Calculator result bar - always blue */
    --color-calc-result-bg: #1167f7;

    /* Chat input borders */
    --color-input-border-inactive: #a8b4c8;
    --color-input-border-active: #27c9b2;
    --search-go-icon-hover-filter: brightness(0) saturate(100%) invert(79%) sepia(31%) saturate(2912%) hue-rotate(130deg) brightness(98%) contrast(88%);
}