:root {
  /* Surfaces: the soft logo is tuned for --suk-surface */
  --suk-surface: #f6f6f4;
  --suk-surface-shade: #ecece7;
  --suk-shadow-dark: #cfd0ca;
  --suk-shadow-light: #ffffff;

  /* Ink */
  --suk-ink: #1b2320;
  --suk-ink-soft: #3a4541;
  --suk-muted: #58605c;

  /* Brand green (the S key). --suk-spruce passes WCAG AA on --suk-surface (5.7:1) and with white text (6.2:1). */
  --suk-spruce: #0f6e56;
  --suk-spruce-dark: #0a4a3b;
  --suk-spruce-light: #1f9a78;
  --suk-mint: #5dcaa5;

  /* Night: the night logo is tuned for --suk-night */
  --suk-night: #1c2421;
  --suk-night-ink: #d3dbd7;

  /* Soft UI recipes for buttons or cards that echo the logo (never for text contrast) */
  --suk-soft-raised: 6px 6px 14px var(--suk-shadow-dark), -6px -6px 14px var(--suk-shadow-light);
  --suk-soft-pressed: inset 4px 4px 10px var(--suk-shadow-dark), inset -4px -4px 10px var(--suk-shadow-light);
  --suk-radius-key: 24%;
}