:root {
  /* Colors */
  --cream:       #F7FAFF;
  --cream-dark:  #EAF2FF;
  --cream-mid:   #D7E6FF;
  --white:       #FFFFFF;
  --ink:         #102033;
  --ink-soft:    #273B52;
  --ink-muted:   #5D7189;
  --ink-faint:   #A9B7C8;
  --brand:        #2563EB;
  --brand-light:  #7DD3FC;
  --brand-pale:   #E8F3FF;
  --green:       #10B981;
  --green-pale:  #DDF8EE;
  --coral:       #F9735B;
  --coral-pale:  #FFE8E2;
  --violet:      #7C3AED;
  --violet-pale: #EFE7FF;

  /* New color palette for redesign */
  --navy:        #0F172A;
  --navy-dark:   #020617;
  --emerald:     #10B981;
  --emerald-light: #34D399;
  --gold-accent: #F59E0B;

  /* Borders */
  --border:      rgba(16,32,51,0.10);
  --border-mid:  rgba(16,32,51,0.16);

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

  /* Shadows */
  --shadow-sm:   0 8px 24px rgba(16,32,51,0.08);
  --shadow-md:   0 20px 60px rgba(16,32,51,0.16);

  /* Transitions */
  --transition:  0.2s ease;
}