:root {
  /*
   * Brand config.
   * To replace visual assets, keep the same filenames in /assets or edit these paths.
   */
  --asset-logo: url("assets/logo.png");
  --asset-login-background: url("assets/background.png");
  --asset-app-icon: url("assets/app-icon.png");

  /* Official project palette. Use these for future interface work. */
  --brand-cream: #ECEFD0;
  --brand-orange: #F2552C;
  --brand-teal: #174950;
  --brand-pink: #F9A9AC;

  --ink: var(--brand-teal);
  --muted: rgba(23, 73, 80, 0.68);
  --paper: #fffdf4;
  --panel: var(--brand-cream);
  --topbar-background: var(--brand-cream);
  --line: rgba(23, 73, 80, 0.18);
  --shadow: 0 24px 70px rgba(23, 73, 80, 0.16);

  /* Backwards-compatible semantic aliases used by the current CSS. */
  --rose: var(--brand-orange);
  --rose-dark: #c23f20;
  --sage: var(--brand-teal);
  --gold: var(--brand-orange);
}