/* ==========================================================================
   meshbook — LIGHT theme tokens
   --------------------------------------------------------------------------
   The "business clean" theme. Crisp white surfaces, slate text, same
   accent palette as dark but darker for contrast against light backgrounds.
   Kept restrained on purpose — this is the theme Microsoft-native office
   users will feel at home in.
   ========================================================================== */

:root[data-theme="light"] {
    --nv-font-sans:   'Inter', ui-sans-serif, system-ui, sans-serif;
    --nv-font-mono:   'JetBrains Mono', ui-monospace, monospace;

    /* Surfaces */
    --nv-bg:               #f7f8fa;
    --nv-bg-image:         radial-gradient(
                               900px 600px at 95% -10%,
                               rgba(138, 31, 214, 0.08),
                               transparent 60%
                           ),
                           radial-gradient(
                               700px 500px at -5% 110%,
                               rgba(0, 120, 168, 0.06),
                               transparent 55%
                           );
    --nv-bg-elevated:      #ffffff;
    --nv-surface:          rgba(255, 255, 255, 0.88);
    --nv-surface-solid:    #ffffff;
    --nv-surface-hover:    rgba(243, 244, 246, 0.95);
    --nv-surface-active:   rgba(229, 231, 235, 1.0);
    --nv-border:           rgba(17, 24, 39, 0.08);
    --nv-border-strong:    rgba(17, 24, 39, 0.18);

    /* Text */
    --nv-text:             #0f172a;
    --nv-text-secondary:   #475569;
    --nv-text-tertiary:    #64748b;
    --nv-text-muted:       #94a3b8;
    --nv-text-inverse:     #ffffff;

    /* Accents — darker cousins of dark-theme accents for AA contrast */
    --nv-accent:           #7c3aed;    /* violet-600 */
    --nv-accent-hover:     #6d28d9;
    --nv-accent-strong:    #5b21b6;
    --nv-accent-2:         #0284c7;    /* sky-600 */
    --nv-accent-3:         #059669;    /* emerald-600 */
    --nv-accent-4:         #d97706;    /* amber-600 */

    /* Semantic */
    --nv-success:          #059669;
    --nv-success-bg:       rgba(5, 150, 105, 0.14);
    --nv-warning:          #d97706;
    --nv-warning-bg:       rgba(217, 119, 6, 0.14);
    --nv-danger:           #dc2626;
    --nv-danger-bg:        rgba(220, 38, 38, 0.12);
    --nv-info:             #0284c7;
    --nv-info-bg:          rgba(2, 132, 199, 0.12);

    --nv-gradient-accent:  linear-gradient(135deg, #7c3aed 0%, #0284c7 100%);

    /* Effects — lighter shadows so the UI doesn't feel heavy on white */
    --nv-glass-blur:       18px;
    --nv-shadow-window:    0 20px 40px -18px rgba(15, 23, 42, 0.22),
                           0 0 1px rgba(15, 23, 42, 0.10);
    --nv-shadow-card:      0 6px 18px -8px rgba(15, 23, 42, 0.15),
                           0 0 1px rgba(15, 23, 42, 0.06);
    --nv-glow-accent:      0 0 18px rgba(124, 58, 237, 0.25);
    --nv-glow-accent-2:    0 0 18px rgba(2, 132, 199, 0.22);

    --nv-ease-spring:      cubic-bezier(0.16, 1, 0.3, 1);
    --nv-duration-fast:    0.12s;
    --nv-duration-medium:  0.22s;
    --nv-duration-slow:    0.45s;

    --nv-scrollbar-thumb:       rgba(15, 23, 42, 0.18);
    --nv-scrollbar-thumb-hover: rgba(15, 23, 42, 0.32);

    --nv-selection-bg:     rgba(124, 58, 237, 0.22);
    --nv-selection-fg:     #0f172a;

    --nv-radius-sm:        0.375rem;
    --nv-radius-md:        0.5rem;
    --nv-radius-lg:        0.75rem;
    --nv-radius-xl:        1rem;
    --nv-radius-pill:      9999px;
}