/* tokens.css — Design tokens — colours, radii. Change the look here first; everything else reads these variables. */
:root {
  --main:        #39b0bb;
  --main-sub:    #ebf7f8;
  --font:        #333333;
  --font-sub:    #546365;
  --bg:          #fcfcfc;
  --el:          #ffffff;
  --border:      #dedede;
  --hover:       #f4f4f4;
  --danger:      #e67c7a;
  --danger-sub:  #fdf2f2;
  --focus:       #36495d;   /* Skolon's color-focus: the keyboard focus ring */
  --success:     #69a677;
  --success-sub: #f0f6f2;
  --warn:        #d97706;
  --warn-sub:    #fef3c7;
  --r-sm: .5rem; --r-md: .75rem; --r-lg: 1rem; --r-xl: 1.5rem; --r-full: 9999px;
}