:root {
  /* Colors */
  --color-cyan:        #06b6d4;
  --color-cyan-dark:   #0891b2;
  --color-cyan-dim:    #0e7490;
  --color-cyan-light:  #ecfeff;
  --color-bg:          #f1f5f9;
  --color-surface:     #ffffff;
  --color-text:        #0f172a;
  --color-text-2:      #475569;
  --color-text-3:      #94a3b8;
  --color-border:      #e2e8f0;
  --color-border-2:    #f8fafc;
  --color-danger:      #ef4444;
  --color-danger-bg:   #fef2f2;

  /* Border radius */
  --radius-sm:  5px;
  --radius-md:  7px;
  --radius-lg:  10px;
  --radius-xl:  22px;

  /* Typography */
  --font-primary: 'Figtree', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-mid:  200ms ease;
}