/* Runway brand tokens: the one palette and type every design starts from.
   Rules for using them are in DESIGN.md at the repository root.
   Link this after the kit's system.css so these values win:
     <link rel="stylesheet" href="../../brand/tokens.css">   (from designs/<slug>/index.html)
   Owner-only file: see AGENTS.md. */

:root {
  /* Light ground */
  --p-bg: #ffffff;
  --p-surface: #f4f4f2;
  --p-ink: #0a0a0a;
  --p-muted: #66656a;
  --p-accent: #f3ff49;        /* Runway yellow: highlights and the inverse action, never body text on white */
  --p-accent-ink: #0a0a0a;
  --p-action: #0a0a0a;        /* buttons, links, focus on light grounds */
  --p-action-ink: #ffffff;

  /* Inverse ground */
  --p-inv-bg: #0a0a0a;
  --p-inv-surface: #171717;
  --p-inv-ink: #ffffff;
  --p-inv-muted: #979797;
  --p-inv-accent: #f3ff49;
  --p-inv-accent-ink: #0a0a0a;
  --p-inv-action: #f3ff49;    /* buttons and links on dark grounds */
  --p-inv-action-ink: #0a0a0a;

  /* Type: Albert Sans 400 to 700 from Google Fonts */
  --font-display: "Albert Sans", system-ui, sans-serif;
  --font-text: "Albert Sans", system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: -0.025em;
  --display-tracking-xl: -0.035em;
}