/* Shared Studio design tokens — Creative, Plan and Video all read these.
 *
 * Namespaced --sb-* on purpose. Each app already has its own --font, --red,
 * --ink (or similar) used by its own components; a bare --font here would
 * silently override those. --sb-* only feeds <sb-studio-bar> (studio-bar.js)
 * and anything an app deliberately opts into by referencing var(--sb-*).
 *
 * Values match the v4 dark shell in sb-studio (client/theme-v4.css:57-110),
 * which is the shell all three apps are moving to. Do not fork these values
 * per app — see docs/STUDIO-DESIGN.md.
 */
:root {
  --sb-navy: #14141f;
  --sb-navy-light: #22223a;
  --sb-red: #cc0000;
  --sb-red-bright: #ff5c5c;
  --sb-red-dark: #a80000;
  --sb-bg: #101018;
  --sb-surface: #17171f;
  --sb-input-bg: #1f1f2b;
  --sb-border: #2c2c3a;
  --sb-text: #f1f1f4;
  --sb-text-mute: #9a9aac;
  --sb-text-faint: #8b8b99;
  --sb-radius: 8px;

  --sb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --sb-font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  --sb-bar-height: 76px;
}