:root {
  /*
   * WorkRadius brand system
   * Primary is the Android app's default accent. It belongs to the
   * Transformative-Teal family, but is intentionally a little brighter than
   * the Coloro 092-37-14 screen approximation for stronger digital presence.
   */
  --wr-brand-primary: #2f6f73;
  --wr-brand-deep: #174e56;
  --wr-brand-seafoam: #a8cfc6;
  --wr-brand-soft: #dcebe7;
  --wr-brand-warm: #c76f4a;
  --wr-brand-wheat: #c9b07c;

  --wr-surface-canvas: #f7f3ec;
  --wr-surface-app: #f4f6f5;
  --wr-surface-subtle: #e7edeb;
  --wr-surface-card: #ffffff;
  --wr-ink: #2f3136;
  --wr-text: #2d2621;
  --wr-text-muted: #746a62;
  --wr-line: #d8dedc;
  --wr-control-line: #7f8b87;

  /* Semantic colors are deliberately separate from the brand accent. */
  --wr-success: #4a684e;
  --wr-success-soft: #e8f0ea;
  --wr-warning: #8a5a00;
  --wr-warning-soft: #fff3d6;
  --wr-error: #a94f48;
  --wr-error-soft: #f9e8e6;
  --wr-info: #52677d;
  --wr-info-soft: #e9eef3;

  --wr-radius-sm: 10px;
  --wr-radius-md: 16px;
  --wr-radius-lg: 24px;
  --wr-shadow-sm: 0 8px 24px rgba(47, 49, 54, .08);
  --wr-shadow-lg: 0 24px 60px rgba(47, 49, 54, .18);
  --wr-motion-fast: 160ms;
  --wr-motion-base: 280ms;
  --wr-motion-slow: 520ms;
  --wr-ease-out: cubic-bezier(.22, 1, .36, 1);
}