/* ASSORT DESIGN SYSTEM — DESIGN TOKENS. Source of truth: Assort OS V10 mockups */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=JetBrains+Mono:wght@500;600&display=swap');
:root {
  /* Surfaces */
  --bg:   #fafafa;
  --card: #f5f5f7;
  --white:#ffffff;
  --tint: #f0f0f5;
  /* Foreground */
  --text:  #1a1a1a;
  --text2: #8e8e93;
  --text3: #c7c7cc;
  /* Accent */
  --blue:   #007AFF;
  --green:  #34C759;
  --red:    #FF3B30;
  --orange: #FF9500;
  --purple: #AF52DE;
  --indigo: #5856D6;
  --pink:   #FF2D55;
  --gold:   #FFD700;
  --silver: #C0C0C0;
  --bronze: #CD7F32;
  /* Moné brand */
  --mone-pink: #E75FA8;
  /* Tints */
  --blue-tint:   #F0F5FF;
  --green-tint:  #E8F5E9;
  --red-tint:    #FFEBEE;
  --orange-tint: #FFF3E0;
  --purple-tint: #F8F6FF;
  /* Lines */
  --border:      #e5e5ea;
  --border-soft: #f0f0f2;
  /* Scrim (modal/sheet overlay) */
  --scrim: rgba(0,0,0,0.4);
  /* Gradients (ONLY two) */
  --gradient-projection: linear-gradient(135deg, #F8F6FF, #F0EDFF);
  --gradient-ai:         linear-gradient(135deg, #F0F5FF, #E3F2FD);
  /* Type */
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  /* Radii — verbose V10 names (used by Phase-1a markup) */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius:    14px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  /* Radii — legacy abbreviated names (Phase-0 login still uses these) */
  --r-xs:   6px;
  --r-sm:   8px;
  --r-md:   10px;
  --r-lg:   12px;
  --r:      14px;
  --r-xl:   20px;
  --r-full: 9999px;
  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 1px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
  /* Legacy shadow alias */
  --sh-lg: 0 8px 24px rgba(0,0,0,0.08);
  /* Layout */
  --nav-h:      82px;
  --app-max-w:  500px;
  --page-pad-x: 16px;
  --gutter:     16px;
  --tap-target: 44px;
  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  /* Z-index */
  --z-nav:    10;
  --z-header: 20;
  --z-sheet:  30;
  --z-toast:  40;
  /* Avatar */
  --avatar-bg: var(--blue);
  /* Surface tints */
  --surface-tint: #f0f0f5;
  --fill-tint:    #f0f0f5;
  /* Additional text alias */
  --text-mid: #636366;
}