/* ==========================================================================
   meshbook — CALIFORNIA theme tokens
   --------------------------------------------------------------------------
   Warm sunset / golden-hour palette. Cream base, coral + peach + gold
   accents, deep navy for contrast text. The theme for a sunny afternoon
   at the office.
   ========================================================================== */

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

    /* Surfaces — cream and peach tones */
    --nv-bg:               #fff4ea;
    --nv-bg-image:         radial-gradient(
                               1100px 700px at 90% -15%,
                               rgba(255, 107, 107, 0.22),
                               transparent 60%
                           ),
                           radial-gradient(
                               900px 600px at -10% 115%,
                               rgba(255, 165, 2, 0.22),
                               transparent 55%
                           );
    --nv-bg-elevated:      #fffaf3;
    --nv-surface:          rgba(255, 249, 240, 0.90);
    --nv-surface-solid:    #fffaf3;
    --nv-surface-hover:    rgba(253, 235, 215, 0.95);
    --nv-surface-active:   rgba(251, 218, 184, 1.0);
    --nv-border:           rgba(154, 63, 28, 0.12);
    --nv-border-strong:    rgba(154, 63, 28, 0.25);

    /* Text — deep navy for maximum warm contrast */
    --nv-text:             #1e3799;
    --nv-text-secondary:   #4a5899;
    --nv-text-tertiary:    #6c6faa;
    --nv-text-muted:       #9197bf;
    --nv-text-inverse:     #fff4ea;

    /* Accents */
    --nv-accent:           #ff6b6b;    /* sunset coral */
    --nv-accent-hover:     #ff5252;
    --nv-accent-strong:    #e04444;
    --nv-accent-2:         #ffa502;    /* golden */
    --nv-accent-3:         #1e3799;    /* deep ocean */
    --nv-accent-4:         #f368e0;    /* bougainvillea */

    /* Semantic */
    --nv-success:          #21c07a;
    --nv-success-bg:       rgba(33, 192, 122, 0.16);
    --nv-warning:          #ffa502;
    --nv-warning-bg:       rgba(255, 165, 2, 0.18);
    --nv-danger:           #e74c3c;
    --nv-danger-bg:        rgba(231, 76, 60, 0.16);
    --nv-info:             #1e3799;
    --nv-info-bg:          rgba(30, 55, 153, 0.14);

    --nv-gradient-accent:  linear-gradient(135deg, #ff6b6b 0%, #ffa502 50%, #f368e0 100%);

    --nv-glass-blur:       16px;
    --nv-shadow-window:    0 22px 44px -18px rgba(154, 63, 28, 0.28),
                           0 0 1px rgba(154, 63, 28, 0.12);
    --nv-shadow-card:      0 8px 20px -10px rgba(154, 63, 28, 0.18),
                           0 0 1px rgba(154, 63, 28, 0.08);
    --nv-glow-accent:      0 0 24px rgba(255, 107, 107, 0.35);
    --nv-glow-accent-2:    0 0 22px rgba(255, 165, 2, 0.30);

    --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(154, 63, 28, 0.22);
    --nv-scrollbar-thumb-hover: rgba(154, 63, 28, 0.38);

    --nv-selection-bg:     rgba(255, 107, 107, 0.30);
    --nv-selection-fg:     #1e3799;

    --nv-radius-sm:        0.5rem;     /* slightly more rounded — warmer feel */
    --nv-radius-md:        0.625rem;
    --nv-radius-lg:        1rem;
    --nv-radius-xl:        1.25rem;
    --nv-radius-pill:      9999px;
}