/* Generated by the server from shared/tokens.json: do not edit. */
:root,
.ta-scheme-auto
{
  color-scheme: light dark;
  --ta-petrol: #1b6670;
  --ta-accent-fill: #1b6670;
  --ta-on-accent-fill: #ffffff;
  --ta-petrol-deep: #0e3b41;
  --ta-ink: #1e2b2e;
  --ta-ink-muted: #52666a;
  --ta-coral: #ff6b4a;
  --ta-coral-text: #b83a24;
  --ta-canvas: #ffffff;
  --ta-cream: #f4ecdc;
  --ta-cream-deep: #eadfc9;
  --ta-paper: #fffdf8;
  --ta-agenda-grey: #e9e7e3;
  --ta-on-color: #ffffff;
  --ta-on-coral: #10292d;
  --ta-notebook-margin: #f6c3b5;
  --ta-toast: #0e3b41;
  --ta-on-toast: #ffffff;
  --ta-toast-accent: #ff8a6e;
  --ta-palette-teal: #2a8075;
  --ta-palette-ochre: #9a6a1f;
  --ta-palette-blue: #4a6fa5;
  --ta-palette-violet: #7a5aa6;
  --ta-palette-rose: #ba5073;
  --ta-palette-slate: #64757a;
  --ta-palette-green: #3b7a3c;
  --ta-palette-indigo: #4f5aa8;
  --ta-palette-plum: #8a4a84;
  --ta-palette-olive: #66651e;
}

@media (prefers-color-scheme: dark)
{
  :root,
  .ta-scheme-auto
  {
    --ta-petrol: #57abb5;
    --ta-accent-fill: #2a7a84;
    --ta-on-accent-fill: #ffffff;
    --ta-petrol-deep: #9fd0d6;
    --ta-ink: #e7eff0;
    --ta-ink-muted: #a6bdc1;
    --ta-coral: #ff8a6e;
    --ta-coral-text: #ff8a6e;
    --ta-canvas: #082a2f;
    --ta-cream: #0b2f34;
    --ta-cream-deep: #174249;
    --ta-paper: #10373d;
    --ta-agenda-grey: #34474a;
    --ta-on-color: #082a2f;
    --ta-on-coral: #10292d;
    --ta-notebook-margin: #5c3a35;
    --ta-toast: #163f45;
    --ta-on-toast: #f4ecdc;
    --ta-toast-accent: #ff8a6e;
    --ta-palette-teal: #5cc2b5;
    --ta-palette-ochre: #e8b05a;
    --ta-palette-blue: #7fa0d4;
    --ta-palette-violet: #b398dc;
    --ta-palette-rose: #e88aa9;
    --ta-palette-slate: #9aabaf;
    --ta-palette-green: #84c47e;
    --ta-palette-indigo: #a2abee;
    --ta-palette-plum: #d597cf;
    --ta-palette-olive: #c6c26c;
  }
}

.ta-scheme-dark
{
  color-scheme: dark;
  --ta-petrol: #57abb5;
  --ta-accent-fill: #2a7a84;
  --ta-on-accent-fill: #ffffff;
  --ta-petrol-deep: #9fd0d6;
  --ta-ink: #e7eff0;
  --ta-ink-muted: #a6bdc1;
  --ta-coral: #ff8a6e;
  --ta-coral-text: #ff8a6e;
  --ta-canvas: #082a2f;
  --ta-cream: #0b2f34;
  --ta-cream-deep: #174249;
  --ta-paper: #10373d;
  --ta-agenda-grey: #34474a;
  --ta-on-color: #082a2f;
  --ta-on-coral: #10292d;
  --ta-notebook-margin: #5c3a35;
  --ta-toast: #163f45;
  --ta-on-toast: #f4ecdc;
  --ta-toast-accent: #ff8a6e;
  --ta-palette-teal: #5cc2b5;
  --ta-palette-ochre: #e8b05a;
  --ta-palette-blue: #7fa0d4;
  --ta-palette-violet: #b398dc;
  --ta-palette-rose: #e88aa9;
  --ta-palette-slate: #9aabaf;
  --ta-palette-green: #84c47e;
  --ta-palette-indigo: #a2abee;
  --ta-palette-plum: #d597cf;
  --ta-palette-olive: #c6c26c;
}

.ta-scheme-light
{
  color-scheme: light;
  --ta-petrol: #1b6670;
  --ta-accent-fill: #1b6670;
  --ta-on-accent-fill: #ffffff;
  --ta-petrol-deep: #0e3b41;
  --ta-ink: #1e2b2e;
  --ta-ink-muted: #52666a;
  --ta-coral: #ff6b4a;
  --ta-coral-text: #b83a24;
  --ta-canvas: #ffffff;
  --ta-cream: #f4ecdc;
  --ta-cream-deep: #eadfc9;
  --ta-paper: #fffdf8;
  --ta-agenda-grey: #e9e7e3;
  --ta-on-color: #ffffff;
  --ta-on-coral: #10292d;
  --ta-notebook-margin: #f6c3b5;
  --ta-toast: #0e3b41;
  --ta-on-toast: #ffffff;
  --ta-toast-accent: #ff8a6e;
  --ta-palette-teal: #2a8075;
  --ta-palette-ochre: #9a6a1f;
  --ta-palette-blue: #4a6fa5;
  --ta-palette-violet: #7a5aa6;
  --ta-palette-rose: #ba5073;
  --ta-palette-slate: #64757a;
  --ta-palette-green: #3b7a3c;
  --ta-palette-indigo: #4f5aa8;
  --ta-palette-plum: #8a4a84;
  --ta-palette-olive: #66651e;
}

:root
{
  --ta-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --ta-font-display-weight: 800;
  --ta-display-title-size: 1.875rem;
  --ta-display-heading-size: 1.25rem;
  --ta-display-lockup-size: 1rem;
  --ta-font-hand: "Caveat", "Bradley Hand", "Segoe Print", cursive;
  --ta-font-hand-weight: 700;
  --ta-hand-note-size: 1.25rem;
}

@font-face
{
  font-family: "Bricolage Grotesque";
  src: url("fonts/BricolageGrotesque.ttf?v=413e7357809d") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}

@font-face
{
  font-family: "Caveat";
  src: url("fonts/Caveat.ttf?v=0bdb6b660482") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}