/* Arogya Phase E Slice 1 — Design Tokens
 * CSS variables consumed by dashboard.css.
 * Two font weights only: 400, 500. Sentence case. No gradients, no shadows.
 */

:root {
  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter",
               "Helvetica Neue", Arial, sans-serif;

  /* Greys */
  --color-background-primary:   #FFFFFF;
  --color-background-secondary: #F7F5EF;
  --color-background-tertiary:  #EFEDE6;
  --color-text-primary:         #2A2A28;
  --color-text-secondary:       #5C5A56;
  --color-text-tertiary:        #8A8780;
  --color-border-primary:       #C9C5BC;
  --color-border-secondary:     #DAD6CD;
  --color-border-tertiary:      #E5E2DC;

  /* Status colours */
  --color-red-50:      #FCEBEB;
  --color-red-200:     #F7C1C1;
  --color-red-800:     #791F1F;
  --color-red-900:     #501313;

  --color-amber-50:    #FAEEDA;
  --color-amber-200:   #FAC775;
  --color-amber-500:   #BA7517;
  --color-amber-800:   #854F0B;
  --color-amber-900:   #633806;

  --color-green-50:    #EAF3DE;
  --color-green-700:   #3B6D11;

  --color-teal-50:     #E1F5EE;
  --color-teal-200:    #9FE1CB;
  --color-teal-700:    #0F6E56;
  --color-teal-900:    #083D36;

  --color-blue-50:     #E6F1FB;
  --color-blue-700:    #185FA5;

  --color-pink-50:     #FBEAF0;
  --color-pink-200:    #F4C0D1;
  --color-pink-700:    #D4537E;
  --color-pink-900:    #72243E;

  --color-violet-700:  #534AB7;

  /* Tint backgrounds for section headers */
  --color-tint-mine:    #EAF7F2;
  --color-tint-routine: #FBF4E6;
  --color-tint-body:    #EEF5FB;
  --color-tint-watch:   #FCEFEF;
  --color-tint-private: #FBEAF0;

  /* Member tag backgrounds (white text on these) */
  --tag-kiran:  #0F6E56;
  --tag-neha:   #B83D6B;
  --tag-myra:   #185FA5;
  --tag-shreya: #534AB7;
  --tag-bruno:  #854F0B;

  /* Radii */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;

  /* ─── v4.3 IA tokens (build er) ─── */

  /* Brand — corrected from #085041 to #083D36 (logo PNG is source of truth) */
  --color-brand:          #083D36;
  --color-brand-60:       rgba(8,61,54,0.60);

  /* Topbar */
  --topbar-height:        56px;

  /* Bottom nav (mobile) */
  --bottom-nav-height:    64px;
  --bottom-nav-bg:        #FFFFFF;
  --bottom-nav-border:    #E2E8F0;
  --bottom-nav-active:    #083D36;
  --bottom-nav-inactive:  #9CA3AF;

  /* Floating AI button */
  --fab-size:             56px;
  --fab-offset-bottom:    calc(var(--bottom-nav-height) + 16px);

  /* Form labels (global) */
  --form-label-size:      13px;
  --form-label-weight:    600;
  --form-label-color:     #083D36;

  /* Amber — reserved for "Show to doctor" CTA and Subscribe CTA ONLY */
  --color-amber-action:   #EF9F27;

  /* Desktop collapsible sidebar (58 collapsed / 200 expanded) */
  --sidebar-w-collapsed:  58px;
  --sidebar-w-expanded:   200px;
}