/* NestMate design tokens — Calm Refresh */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Round');

:root {
  --nm-brand:           #7C3AED;
  --nm-brand-seed:      #7F56D9;
  --nm-brand-tint:      rgba(124,58,237,0.12);
  --nm-brand-tint-2:    rgba(124,58,237,0.06);
  --nm-brand-on:        #FFFFFF;

  --nm-bg-scaffold:     #F6F5FA;
  --nm-bg-card:         #FFFFFF;
  --nm-bg-surface-high: #EDEDF4;

  --nm-fg-1:            #1C1B1F;
  --nm-fg-2:            #49454F;
  --nm-fg-3:            rgba(73,69,79,0.6);

  --nm-outline:         rgba(73,69,79,0.5);
  --nm-outline-soft:    rgba(73,69,79,0.18);
  --nm-outline-faint:   rgba(73,69,79,0.08);

  --nm-entry-feed:      #7C3AED;
  --nm-entry-diaper:    #22C55E;
  --nm-entry-sleep:     #3B82F6;
  --nm-entry-pump:      #EC4899;
  --nm-entry-bath:      #06B6D4;
  --nm-entry-medicine:  #F59E0B;
  --nm-entry-temp:      #EF4444;
  --nm-entry-growth:    #10B981;

  --nm-radius-xs:  8px;
  --nm-radius-sm:  12px;
  --nm-radius-md:  16px;
  --nm-radius-lg:  20px;
  --nm-radius-xl:  24px;
  --nm-radius-btn: 16px;

  --nm-space-xs: 4px;
  --nm-space-sm: 8px;
  --nm-space-md: 16px;
  --nm-space-lg: 24px;
  --nm-space-xl: 32px;

  --nm-font: 'Roboto', system-ui, sans-serif;
}