/* ============================================================================
   SUITE DESIGN TOKENS — the single source of truth for the TowerControls
   platform's visual language. Both TowerControls and GitZero adopt this file so
   the suite reads as ONE product, not two apps sharing a login.

   Namespaced --su-* so it coexists with each app's existing local variables;
   apps migrate their own tokens onto these over time. This file is the contract:
   change the language here, both apps follow.
   ============================================================================ */
:root {
  /* ── Brand & accent (indigo — the suite's one accent) ── */
  --su-accent:       #7c5cff;
  --su-accent-ink:   #6a54e6;
  --su-accent-wash:  rgba(124, 92, 255, .13);

  /* ── Neutrals — cool graphite ramp (dark ground) ── */
  --su-ink:      #e9ebf2;
  --su-ink-2:    #c3c7d6;
  --su-muted:    #9096a8;
  --su-faint:    #616776;
  --su-ground:   #0d0f15;
  --su-panel:    #151823;
  --su-panel-2:  #1b1f2b;
  --su-line:        rgba(255, 255, 255, .08);
  --su-line-strong: rgba(255, 255, 255, .16);

  /* ── Semantic state (kept separate from the accent) ── */
  --su-good:  #2fbf71;
  --su-warn:  #f5a524;
  --su-bad:   #e5484d;
  --su-info:  #3aa0ff;

  /* ── Type ── */
  --su-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --su-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;
  --su-t-100: 11px;   /* micro / labels     */
  --su-t-200: 12.5px; /* caption            */
  --su-t-300: 14px;   /* body               */
  --su-t-400: 16px;   /* lead               */
  --su-t-500: 19px;   /* section heading    */
  --su-t-600: 24px;   /* page heading       */
  --su-t-700: 31px;   /* display            */

  /* ── Spacing scale ── */
  --su-s-1: 4px;  --su-s-2: 8px;  --su-s-3: 12px;
  --su-s-4: 16px; --su-s-5: 22px; --su-s-6: 32px;

  /* ── Radii & elevation ── */
  --su-r-sm: 7px; --su-r-md: 11px; --su-r-lg: 14px; --su-r-pill: 999px;
  --su-shadow-1: 0 1px 2px rgba(0, 0, 0, .30);
  --su-shadow-2: 0 8px 30px rgba(0, 0, 0, .35);

  /* ── Suite chrome ── */
  --su-bar-h: 40px;
}