/*
 * The Runout product brand tokens — CSS custom properties.
 * Mirror of nometrii/internal/THERUNOUT-BRAND.md.
 *
 * Separate from @nometrii/brand. TRO product values live under the
 * --tro-* namespace; shared Nometrii corporate values (type stack,
 * monogram) come from @nometrii/brand's --nmt-* namespace.
 *
 * For non-React surfaces: the iOS app, the marketing landing.
 */

:root {
  /* Product accent — the runout orange (previously mislabeled as --nmt-app-runout). */
  --tro-accent: #FD6C04;

  /* Cream theme — the light-mode theme of the iOS app. */
  --tro-cream: #f0e8d8;
  --tro-cream-paper: #e8dfd0;
  --tro-cream-surface: #ddd4c4;
  --tro-cream-ink: #0c0e14;

  /* Street theme + dark surfaces. */
  --tro-ink: #1a1a1a;
  --tro-surface: #222222;
  --tro-bg-dark: #0d0d0d;

  /* Paper-warm — text color on dark accent buttons (limited use). */
  --tro-paper-warm: #faf6ec;

  /* Display font — wordmark, Side headers, J-card / album titles. */
  --tro-font-display: 'Permanent Marker', cursive;
}