/* Enter design tokens, read from getenter.ai and its public app login. Sources for each value: README.md. */
@font-face { font-family: "Geist"; src: url("assets/fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Noto Serif"; src: url("assets/fonts/NotoSerif-subset.woff2") format("woff2"); font-weight: 300 400; font-display: swap; }
:root {
  /* Solid palette */
  --black: #000;
  --white: #fff;
  --neutral-00: #f3f3f3;
  --neutral-20: #cecece;
  --neutral-80: #3c3c3c;
  --neutral-90: #171717;
  --orange: #ffae35;
  --orange-hover: #ffb649;
  --panel-dark: #22242c;
  /* Translucent shades: Enter derives text, strokes and interaction states from these */
  --black-8: #00000014;
  --black-10: #0000001a;
  --black-16: #00000029;
  --black-20: #00000033;
  --black-30: #0000004d;
  --black-64: #000000a3;
  --white-20: #ffffff33;
  --white-64: #ffffffa3;
  /* Roles */
  --text: var(--neutral-90);
  --text-secondary: var(--black-64);
  --text-inverted: var(--white);
  --surface: var(--white);
  --surface-muted: #f4f4f5;
  --stroke: var(--black-10);
  --stroke-control: #00000026;
  --stroke-strong: var(--black-20);
  --hover: var(--black-8);
  --pressed: var(--black-16);
  --ring: var(--panel-dark);
  /* Semantic states: from the app's stylesheet (HSL there, hex here) */
  --success: #139a43;
  --success-light: #dff6e6;
  --success-fg: #0d3017;
  --error: #fa1515;
  --error-light: #ffd6d6;
  --error-fg: #422006;
  --warning: var(--orange);
  --warning-light: #fff7eb;
  --warning-fg: #7a4900;
  --info: #1098f7;
  --info-light: #ecf7fe;
  --info-fg: #03243a;
  /* Type */
  --font-heading: "Noto Serif", Georgia, serif;
  --font-body: "Geist", Tahoma, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --size-12: .75rem;
  --size-14: .875rem;
  --size-16: 1rem;
  --size-18: 1.125rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-32: 2rem;
  --size-40: 2.5rem;
  --size-48: 3rem;
  --lh-tight: 1.2;
  --lh-body: 1.4;
  --ls-minus-2: -.2px;
  --ls-minus-1: -.1px;
  --ls-plus-2: .2px;
  /* Spacing: the values the site's stylesheet uses most */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  /* Corners, elevation, sizes */
  --radius-4: .25rem;
  --radius-8: .5rem;
  --radius-12: .75rem;
  --radius-20: 1.25rem;
  --shadow-control: 0 0 0 1px var(--black-10), 0 1px 3px var(--black-10);
  --shadow-float: 0 18px 44px #10101029;
  --control-height: 2.5rem;
}