/* !!! LIGHT THEME PALETTE - DO NOT REPLACE WITH DEEP-NAVY / INDIGO VARIANT !!!
   User locked this palette in commits 4690c07 + b35326d. Any subsequent rewrite of app.css
   MUST preserve every var in this block plus the four `[data-bs-theme="light"] .lc-card`,
   `.lc-btn--*`, and `.lc-badge--*` override groups below. Regressed once in 7195bb2
   (rewrite-during-notifications-feature); do not repeat. If you're refactoring app.css,
   diff the resulting light theme block against commit b35326d before committing. */
[data-bs-theme="light"] {
    /* Bootstrap 5.3 default palette as the source of truth, with a "lively" nudge for the
       semantic accents (slight brightness boost) and BS teal picked as the success button
       chip (BS's own $success #198754 is dark forest, reads muted as a filled chip).
       Every hex below is either a BS default or a small saturation shift from one - noted. */

    /* Base surfaces - BS gray-200 body, gray-100 cards, white for elevated. */
    --lc-bg: #e9ecef;                        /* BS $gray-200 */
    --lc-surface-solid: #f8f9fa;             /* BS $gray-100 */
    --lc-surface: color-mix(in oklab, var(--lc-surface-solid) 78%, transparent);
    --lc-surface-elevated: #ffffff;          /* BS $white */
    --lc-glass-border: rgba(33, 37, 41, 0.10);        /* BS $gray-900 @ alpha */
    --lc-glass-border-strong: rgba(33, 37, 41, 0.22); /* BS $gray-900 @ alpha */

    /* Text - BS $gray-900 → $gray-700 → $gray-600 (BS $body-color / $body-secondary-color). */
    --lc-text: #212529;                      /* BS $gray-900 */
    --lc-text-muted: #495057;                /* BS $gray-700 */
    --lc-text-subtle: #6c757d;               /* BS $gray-600 (== BS $secondary) */

    /* Accents - user-specified: primary #0dcaf0 (BS $info cyan), success #22c55e (Tailwind
       green-500), danger #dc3545 (BS $danger). Hovers use each palette's darker sibling. */
    --lc-accent: #0dcaf0;                    /* BS $info cyan */
    --lc-accent-hover: #0aa2c0;              /* BS $info hover */
    --lc-accent-fg: white;
    --lc-accent-glow: rgba(13, 202, 240, 0.24);

    /* Semantic - user-specified. */
    --lc-danger: #dc3545;                    /* BS $danger */
    --lc-danger-hover: #b02a37;              /* BS $danger hover */
    --lc-success: #22c55e;                   /* Tailwind green-500 */
    --lc-warning: #ffc107;                   /* BS $warning */
    --lc-info: #0dcaf0;                      /* BS $info (== accent) */

    /* Elevation - BS $gray-900 as the drop color, keeps the family neutral. */
    --lc-shadow-sm: 0 1px 2px rgba(33, 37, 41, 0.08);
    --lc-shadow-md: 0 4px 16px rgba(33, 37, 41, 0.12);
    --lc-shadow-lg: 0 12px 32px rgba(33, 37, 41, 0.18);

    /* Subtle overlay tint for glass surfaces - BS $gray-900 on light. */
    --lc-fx-tint: 33, 37, 41;                /* BS $gray-900 RGB */

    /* Aurora body gradient - BS $blue → $cyan → $teal at low alpha, all palette-native. */
    --lc-body-bg-image:
        radial-gradient(ellipse 55% 45% at 15% 15%, rgba(13, 110, 253, 0.10), transparent 55%),
        radial-gradient(ellipse 45% 55% at 85% 30%, rgba(13, 202, 240, 0.08), transparent 55%),
        radial-gradient(ellipse 55% 45% at 60% 90%, rgba(32, 201, 151, 0.06), transparent 55%);

    /* Button chip backgrounds - same hex as the semantic vars, single source of truth. */
    --lc-btn-primary-bg: #0dcaf0;
    --lc-btn-danger-bg:  #dc3545;
    --lc-btn-success-bg: #22c55e;

    /* PWA / browser theme color hint. */
    --lc-meta-theme-color: #e9ecef;
}
