/**
 * NuMart Light Theme Variables
 * 
 * Overrides base design tokens for the light theme.
 * Light, clean, and professional look.
 */

:root {
  /* ==========================================================================
     LIGHT THEME COLOR OVERRIDES
     ========================================================================== */
  
  /* Primary Colors - Warm gray/blue tone */

  --nm-primary-color-rgb: 89, 94, 115;
  --nm-primary-hover: #464a5c;
  --nm-primary-light: #7a7f94;
  
  /* Accent Colors - Green for actions */
  --nm-accent-color: #2e7d32;
  --nm-accent-hover: #1b5e20;
  
  /* ==========================================================================
     LIGHT THEME BACKGROUNDS
     ========================================================================== */
  
  --nm-body-bg: #ffffff;
  --nm-card-bg: #ffffff;
  --nm-header-bg: #ffffff;
  --nm-footer-bg: #1a1a2e;
  --nm-modal-bg: #ffffff;
  --nm-hover-bg: #f8f8f8;
  --nm-top-bar-bg: #f8f8f8;
  
  /* ==========================================================================
     LIGHT THEME TEXT COLORS
     ========================================================================== */
  
  --nm-text-primary: #1a1a1a;
  --nm-text-secondary: #414042;
  --nm-text-muted: #999;
  --nm-text-light: #ffffff;
  --nm-text-link: #595e73;
  --nm-text-link-hover: #464a5c;
  
  /* ==========================================================================
     LIGHT THEME BORDERS
     ========================================================================== */
  
  --nm-border-color: #e3e3e3;
  --nm-border-color-dark: rgba(0, 0, 0, 0.15);
  --nm-border-color-light: rgba(0, 0, 0, 0.1);
  
  /* ==========================================================================
     LIGHT THEME SHADOWS
     ========================================================================== */
  
  --nm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --nm-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --nm-shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.15);
  --nm-shadow-xl: 0 10px 20px rgba(0, 0, 0, 0.3);
  
  /* ==========================================================================
     LIGHT THEME COMPONENT OVERRIDES
     ========================================================================== */
  
  /* Buttons */
  --nm-btn-primary-bg: var(--nm-primary-color);
  --nm-btn-primary-text: var(--nm-white);
  --nm-btn-primary-hover-bg: var(--nm-primary-hover);
  
  /* Cards */
  --nm-card-shadow: var(--nm-shadow-md);
  
  /* Inputs */
  --nm-input-bg: var(--nm-white);
  --nm-input-border-color: var(--nm-border-color);
  
  /* Navigation */
  --nm-nav-bg: var(--nm-white);
  --nm-nav-link-color: var(--nm-text-secondary);
  --nm-nav-link-hover-color: var(--nm-primary-color);
}