:root {
  color-scheme: light;

  --gq-color-ink: #111410;
  --gq-color-paper: #f3f0e8;
  --gq-color-paper-subtle: #e7e4dc;
  --gq-color-surface: #ffffff;
  --gq-color-acid: #c8f56a;
  --gq-color-coral: #ff6846;

  --gq-color-text: #111410;
  --gq-color-text-muted: #55594f;
  --gq-color-separator: #b8bbb2;
  --gq-color-control-border: #60645c;
  --gq-color-border-strong: #111410;
  --gq-color-dark-text: #f7f5ef;
  --gq-color-dark-muted: #c2c6bc;
  --gq-color-dark-separator: #3b4037;
  --gq-color-dark-control-border: #60645c;

  --gq-color-success-text: #245c16;
  --gq-color-success-surface: #e8f8c7;
  --gq-color-warning-text: #713f00;
  --gq-color-warning-surface: #fff0d5;
  --gq-color-danger-text: #8f2119;
  --gq-color-danger-surface: #ffe6e1;
  --gq-color-info-text: #254f75;
  --gq-color-info-surface: #e6f1fa;

  --gq-font-ui: "Geist", "Segoe UI", system-ui, sans-serif;
  --gq-font-data: "Geist Mono", "Cascadia Mono", ui-monospace, monospace;
  --gq-font-editorial: Georgia, "Times New Roman", serif;
  --gq-text-xs: 0.75rem;
  --gq-text-sm: 0.875rem;
  --gq-text-md: 1rem;
  --gq-text-lg: 1.25rem;
  --gq-text-xl: 1.75rem;
  --gq-text-2xl: clamp(2rem, 4vw, 3.5rem);

  --gq-space-1: 0.25rem;
  --gq-space-2: 0.5rem;
  --gq-space-3: 0.75rem;
  --gq-space-4: 1rem;
  --gq-space-6: 1.5rem;
  --gq-space-8: 2rem;
  --gq-space-12: 3rem;
  --gq-space-16: 4rem;
  --gq-space-24: 6rem;

  --gq-radius-control: 0.375rem;
  --gq-radius-panel: 0.625rem;
  --gq-radius-pill: 999px;
  --gq-border-thin: 1px;
  --gq-shadow-marketing: 0.75rem 0.75rem 0 #111410;
  --gq-shadow-floating: 0 1rem 3rem rgb(17 20 16 / 12%);
  --gq-duration-fast: 120ms;
  --gq-duration-standard: 180ms;
  --gq-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);

  --gq-layout-content-max: 90rem;
  --gq-layout-reading-max: 72ch;
  --gq-layout-topbar-height: 3.5rem;
  --gq-layout-rail-width: 15rem;
  --gq-layout-inspector-width: 20rem;
  --gq-layout-canvas-min: 30rem;
  --gq-layout-gutter-compact: 1rem;
  --gq-layout-gutter-standard: 1.5rem;
  --gq-layout-gutter-wide: 2rem;
}
