Counter Forms

:root {
  --color-dominant: #1a5ee4;
  --color-surface: #84a9f1;
  --color-ink: #0d3177;
  --color-accent: #686c84;
  --color-detail: #bbbcbc;
}

/* CSS variables exposed by source */
:root {
  --font-size-p: 0.88rem;
  --color-brand-red: #ff6500;
  --color-brand-yellow: #ffdc00;
  --color-neutral-gold: #c5b579;
  --color-light-red: #ff9249;
  --border-radius: 2px;
  --font-size-h2: 1.6rem;
  --font-size-small: 0.75rem;
  --font-size-h3: 1.1rem;
  --color-brand-gray: #efefef;
  --color-selection: #fff5a6;
  --font-size-x-small: 0.55rem;
  --font-size-p-large: 1rem;
  --font-size-h1: 1.6rem;
  --color-dark-gray: #aaa;
  --color-brand-blue: #0090ff;
  --color-sidebar: hsla(0,0%,87%,.45);
  --font-size-h4: 1.1rem;
  --color-neutral-bronze: #c9b698;
  --color-lightest-red: #ffd3b6;
  --color-gray: #d2d2d2;
  --font-size-h5: 1.15rem;
  --color-brand-green: #3cdc3d;
  --color-hover: #fffce4;
  --color-dark-red: #e65b00;
  --color-brand-light-green: #81f481;
  --color-background: "white";
  --color-border: #ccc;
  --color-lighter-blue: #cef;
  --color-red: #ff6500;
  --color-brand-lightest-blue: #a6d7fd;
  --color-neutral-gray-darker: #e9e9e9;
  --font-family: "Cassette",ui-monospace,Menlo,Monaco,monospace;
  --color-foreground: "black";
  --color-light-gray: #f5f5f5;
  --color-card: #f2f2f2;
  --color-neutral-silver: #d1ccc8;
  --color-neutral-gray: #f5f5f5;
  --font-size: 0.88rem;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --sidebar-backdrop-blur: 100px;
  --page-top-margin: 3.15rem;
  --clock-width: 130px;
  --tw-border-spacing-x: 0;
  --menu-paddingY: 0.8rem;
  --tw-scale-y: 1;
  --padding: 1.5rem;
  --page-margin: 1rem;
  --tw-ring-color: rgba(59,130,246,.5);
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --menu-paddingX: 1rem;
  --tw-ring-offset-color: #fff;
  --max-width: 1100px;
  --tw-skew-x: 0;
  --line-height: 1.35;
  --tw-shadow: 0 0 #0000;
  --tw-translate-x: 0;
  --tw-ring-offset-width: 0px;
}