:root {
  /* Source palette supplied for the Adobe skin. */
  --palette-red: #ff1f16;
  --palette-orange: #ffb238;
  --palette-yellow: #ffdc00;
  --palette-lime: #b8d92b;
  --palette-cyan: #10a6d7;
  --palette-taupe: #928576;
  --palette-gray: #747d84;

  /* Semantic UI colors. Dark variants preserve text contrast. */
  --bg: #f3f4f4;
  --panel: #ffffff;
  --text: #252c31;
  --muted: #626c73;
  --line: #d6dadd;
  --surface-subtle: #f8f9f9;
  --surface-muted: #e9edef;

  --brand: #176d87;
  --brand-dark: #10556a;
  --brand-soft: #e7f5f9;
  --brand-line: #9bcfdf;
  --primary: var(--brand);
  --on-accent: #ffffff;

  --danger: #b5221c;
  --danger-soft: #fff0ef;
  --danger-hover: #ffdfdc;
  --danger-line: #f1aaa6;

  --info: #176d87;
  --info-soft: #e7f5f9;
  --info-hover: #d2edf5;
  --info-line: #9bcfdf;

  --warning: #745300;
  --warning-soft: #fff7d8;
  --warning-hover: #ffedaf;
  --warning-line: #e8cb70;

  --success: #566b12;
  --success-soft: #f2f7da;
  --success-hover: #e4efb4;
  --success-line: #c5d674;

  --neutral-soft: #f0eeeb;
  --neutral-line: #cdc6be;
  --focus: var(--palette-cyan);
  --overlay: rgba(37, 44, 49, 0.4);
  --shadow: rgba(37, 44, 49, 0.17);
  --shadow-soft: rgba(37, 44, 49, 0.07);
}