/* CloudBake is dark-only. Tutti's dark tokens (from tutti.css) on every root state, so the page stays dark
   whatever the OS prefers or a host sets in data-theme. Load this file last, after tutti.css and site.css/app.css. */
:root,
:root[data-theme] {
  --t-background: #111113;
  --t-card: #232326;
  --t-popover: #2c2c2f;
  --t-foreground: #f2f2f7;
  --t-muted-foreground: #98989f;
  --t-primary: #f2f2f7;
  --t-primary-foreground: #111113;
  --t-secondary: #38383b;
  --t-muted: #2e2e31;
  --t-border: #333336;
  --t-band: #1a1a1d;
  --t-wire: #4e4e53;
  --t-ring: #f2f2f7;
  --t-failed: #ff6961;
  --t-attention: #ffb340;
  --t-chart-1: #38383b;
  --t-chart-2: #f2f2f7;
  --t-chart-3: #636366;
  --t-chart-4: #98989f;
  --t-chart-5: #c7c7cc;
  --t-shadow-md: 0 4px 16px rgb(0 0 0 / 0.4), 0 0 0 1px rgb(255 255 255 / 0.06);
  --t-shadow-lg: 0 12px 40px rgb(0 0 0 / 0.5), 0 0 0 1px rgb(255 255 255 / 0.08);
  /* site.css: the product windows on the landing page */
  --window-ring: rgb(255 255 255 / 0.1);
  --window-bar: var(--t-card);
  color-scheme: dark;
}