/*
  Tramn design tokens.
  Superset of legal/legal.css's palette (--text/--muted/--accent/--bg/--soft/--border) —
  keep that file's values in sync with these if either changes, so the marketing
  site and the App-Store-linked /legal/ pages stay visually one family.

  Meant to be copied wholesale into other Tramn-family landing pages (see
  workspace/market/steps/07-build-landing-page/). Swap --color-accent for a
  different brand color per project if needed; keep the rest as-is.
*/

:root {
  /* Color */
  --color-text: #212529;
  --color-muted: #6c757d;
  --color-accent: #f4623a;
  --color-accent-ink: #b8431f; /* darker accent, for text-on-light / hover states */
  --color-bg: #ffffff;
  --color-bg-soft: #f8f9fa;
  --color-border: #e6e6e6;

  /* Type */
  --font-sans: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: "Merriweather", Georgia, "Times New Roman", serif;

  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.75rem;
  --step-3: 2.5rem;
  --step-4: 3.25rem;

  /* Space (4px base) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  /* Layout */
  --content-max: 1120px;
  --radius: 10px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 6px 20px rgba(33, 37, 41, 0.08);
}