:root {
  /* Brand colours */
  --teal:         #4A8383;
  --teal-dark:    #345C5C;
  --teal-darker:  #254242;

  /* Surfaces */
  --bg:           #0C1117;
  --card:         #131920;

  /* Borders */
  --border:       rgba(74,131,131,0.2);
  --border-hover: rgba(74,131,131,0.5);

  /* Text */
  --text:         #F0F4F4;
  --muted:        #8FA8A8;
  --dim:          #4A6060;

  /* Tokens */
  --radius:       8px;
  --radius-lg:    14px;
  --transition:   0.15s;
}