:root {
  color-scheme: light;
  --paper: #f4efe5;
  --paper-deep: #e9e1d4;
  --ink: #171714;
  --muted: #67635d;
  --line: rgba(23, 23, 20, 0.18);
  --line-soft: rgba(23, 23, 20, 0.09);
  --blue: #3159d9;
  --blue-deep: #183794;
  --coral: #f06449;
  --yellow: #f6c944;
  --mint: #82d3b6;
  --pink: #f3a5bd;
  --white: #fffdf8;
  --black: #11110f;
  --display: "Archivo Black", Impact, sans-serif;
  --body: "DM Sans", Arial, sans-serif;
  --page-x: clamp(1.25rem, 5vw, 5.5rem);
  --section-y: clamp(5.5rem, 7.5vw, 7rem);
  --header-height: 4.75rem;
  --border: 1.5px solid var(--ink);
  --hard-shadow: 7px 8px 0 var(--ink);
  --ease: cubic-bezier(.2, .75, .25, 1);
  --label-size: clamp(.8rem, .18vw + .75rem, .94rem);
  --micro-size: clamp(.74rem, .12vw + .71rem, .84rem);
  --focus-ring: #0b43d8;
  --error: #b42318;
  --community-bg: #2143ad;
  --community-text: #ffffff;
  --community-muted: #e1e8ff;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #191a17;
  --paper-deep: #24251f;
  --ink: #f4efe5;
  --muted: #b8b3aa;
  --line: rgba(244, 239, 229, 0.2);
  --line-soft: rgba(244, 239, 229, 0.09);
  --white: #20211d;
  --blue: #5478e8;
  --blue-deep: #3159d9;
  --hard-shadow: 7px 8px 0 #f4efe5;
  --focus-ring: #ffd43b;
  --error: #ff8d83;
}