/*
 * Shoot & Scale OS — THEME (the only file to edit for branding).
 * No official brand assets were available when v0.1 was built, so these are placeholders:
 * one accent color, neutral grays, system font stack. Swap the values below when the brand kit is ready
 * (logo: replace the "S&S" mark in src/web/components.ts -> layout()).
 */
:root {
  --accent: #ff4d2e;          /* the one accent color (buttons, active nav, highlights) */
  --accent-ink: #ffffff;      /* text on accent */
  --accent-soft: #fff1ee;     /* tinted backgrounds */

  --ink: #111111;             /* main text */
  --ink-2: #555555;           /* secondary text */
  --ink-3: #8a8a8a;           /* muted text */
  --line: #ececec;            /* borders */
  --bg: #ffffff;              /* page */
  --bg-2: #fafafa;            /* subtle panels, board columns */

  --ok: #16a34a; --warn: #d97706; --danger: #dc2626;

  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font);
  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04);
}