Glyphs · Blog

:root {
  --color-dominant: #9afa04;
  --color-surface: #cafc7c;
  --color-ink: #7c4c14;
  --color-accent: #9b8747;
  --color-detail: #c0c1ba;
}

/* CSS variables exposed by source */
:root {
  --surface-neutral-subtle: #eeeeee;
  --secondary-surface-subtle: #f7eef1;
  --space-1-5: 1.5rem;
  --primary-surface-subtle: #e9f3eb;
  --space-4: 4rem;
  --space-0-5: 0.5rem;
  --font-accia-style: normal;
  --primary-border-inverse: #1e3219;
  --primary-content: #1e3219;
  --font-accia-weight: 90;
  --font-weight: 400;
  --space-2-5: 2.5rem;
  --space-5: 5rem;
  --secondary-surface-inverse: #42242e;
  --primary-border: #9aff00;
  --border-neutral: #bfbfbf;
  --primary-content-inverse: #9aff00;
  --space-2: 2rem;
  --space-3: 3rem;
  --space-0-25: 0.25rem;
  --primary-surface-inverse: #1e3219;
  --space-1: 1rem;
  --font-serif: 0;
  --secondary-surface: #f66a06;
  --primary-surface: #9aff00;
  --secondary-content-inverse: #f66a06;
  --font-italic: 0;
  --primary-content-accent: #1e3219;
  --secondary-border: #f66a06;
  --space-2-25: 2.25rem;
  --secondary-content: #42242e;
  --secondary-border-inverse: #42242e;
  --secondary-content-accent: #243f42;
  --_tone-page-content: #000000;
  --_tone-page-surface: #ffffff;
  --focus-outline-color: currentColor;
  --header-height: 4rem;
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --arizona: "Symbol Helper", "ABC Arizona Serif", Arial, sans-serif;
  --block-gap: 2.5rem;
  --list-marker-content: #ffffff;
  --_tone-cyan-strong: #243f42;
  --serif: "Symbol Helper", "ABC Arizona Serif", serif;
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --_tone-yellow-strong: #604900;
  --table-highlight-surface: #f5f0ed;
  --mono: "Symbol Helper", "Plex", monospace;
  --content-neutral: #303030;
  --_tone-primary-surface-inverse: #1e3219;
  --focus-outline-style: solid;
  --selection-surface: #e9318d;
  --_tone-primary-content-inverse: #9aff00;
  --section-gap: 4rem;
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --focus-outline-offset: 0.25rem;
  --_tone-orange-subtle: #f5f0ed;
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --underline-offset: 0.15em;
  --_tone-neutral-subtle: #eeeeee;
  --_tone-primary-surface: #9aff00;
}