/* =========================================================================
   Empire Tools — One True Design System (tokens)
   -------------------------------------------------------------------------
   This file is the single source of truth for the shared "brand feel"
   (color theme) across every tool, whether or not it lives under App Hub.

   How it is consumed:
     - Vite apps:   import "@empire/design-system/tokens.css" (first CSS import)
     - Static apps: <link rel="stylesheet" href=".../tokens.css">

   Edit tokens HERE, then rebuild/redeploy the apps. Do not redefine these
   variables inside individual apps — keep only app-specific tokens local.

   Versioning: bump package.json "version" on any change so consuming apps
   can tell which token set they were built against.
   ========================================================================= */

:root {
  /* Brand accent (warm amber) */
  --accent: #fdae27;
  --accent-strong: #de8500;
  --accent-soft: rgba(253, 174, 39, 0.14);

  /* Text */
  --ink: #17202b;
  --muted: #626b76;

  /* Surfaces */
  --page: #f5f6f8;
  --panel: #ffffff;
  --surface: #f2f4f7;
  --surface-strong: #e5e7eb;
  --white: #ffffff;

  /* Lines / borders */
  --line: #d0d5dd;
  --line-soft: #e5e7eb;

  /* Semantic */
  --link: #235f9f;
  --success: #13795b;
  --warning: #916400;
  --danger: #9f1d20;

  /* Shared focus ring (was duplicated per-app as rgba(253,174,39,0.35)) */
  --focus-ring: rgba(253, 174, 39, 0.35);
}