/* ── DAIily Theme: Light (default) ───────────────────────────────────────── */
:root {
  /* Brand — dark forest green palette (inspired by Donezo) */
  --color-primary:        #1B4332;
  --color-primary-hover:  #163828;
  --color-primary-mid:    #2D6A4F;
  --color-primary-light:  #52B788;
  --color-primary-dark:   #0D2B1F;
  --color-accent:         #74C69D;
  --color-accent-hover:   #52B788;
  --color-success:        #22C55E;
  --color-warning:        #F59E0B;
  --color-danger:         #EF4444;

  /* Surfaces */
  --color-bg:             #FFFFFF;
  --color-surface:        #F0EDE8;
  --color-surface-hover:  #E8E3DC;
  --color-border:         #E5E7EB;
  --color-border-focus:   #1B4332;
  --color-text:           #111827;
  --color-text-muted:     #6B7280;
  --color-text-inverse:   #FFFFFF;

  /* Sidebar */
  --sidebar-width:        240px;
  --color-nav-bg:         #FFFFFF;
  --color-nav-text:       #6B7280;
  --color-nav-active:     #1B4332;
  --color-nav-active-bg:  #F0FDF4;
  --color-nav-hover-bg:   #F9FAFB;
  --color-nav-section:    #9CA3AF;

  /* Typography */
  --font-base:            'Inter', Arial, sans-serif;
  --font-mono:            'JetBrains Mono', monospace;
  --font-size-base:       16px;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;

  /* Border radius — generous like the reference */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 50px;

  /* Shadows — softer, more diffused */
  --shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.06);

  /* Transitions */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;

  /* Legacy — kept for auth page */
  --nav-height: 56px;
  --color-auth-bg:      #1B4332;
  --color-auth-logo:    #FFFFFF;
  --color-auth-tagline: rgba(255,255,255,0.55);
  --color-auth-footer:  rgba(255,255,255,0.55);
}