:root {

  --ink:        #231F20;
  --ink-2:      #3F4A4D;
  --ink-3:      #5C6A6E;

  --paper:      #FFFFFF;
  --paper-2:    #F4F9FA;
  --surface:    #E4F3F5;
  --surface-2:  #CDE8EC;
  --line:       #D3E3E6;

  --turquoise:        #059FB1;
  --turquoise-dark:   #047585;
  --turquoise-deep:   #0B4F5A;
  --on-accent:        #FFFFFF;

  --note:       #FFF7D6;
  --note-ink:   #5A4A00;
  --note-line:  #E6D78A;

  --focus:      #B8600A;

  --font-sans: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;
  --text-xs:  0.8125rem;
  --text-sm:  0.9375rem;
  --text-md:  1.0625rem;
  --text-lg:  1.3125rem;
  --text-xl:  1.625rem;
  --text-2xl: 2.0625rem;
  --text-3xl: 2.5625rem;
  --text-4xl: 3.25rem;
  --leading-tight: 1.1;
  --leading-snug:  1.25;
  --leading-body:  1.55;
  --tracking-display: -0.015em;

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --radius:    16px;
  --radius-sm: 10px;

  --shadow-tile: 0 1px 2px oklch(39.4% 0.065 212 / 0.06), 0 8px 24px oklch(39.4% 0.065 212 / 0.08);

  --max-width: 1160px;
  --gutter: 20px;
  --header-h: 72px;
}