/*
 * CloudSwarm tenant CSS tokens (default theme).
 * These values are the baseline. Other tenants override specific tokens.
 * Data selector: [data-tenant="cloudswarm"]
 */

[data-tenant="cloudswarm"],
:root {
  /* Brand */
  --tenant-primary:          #0ea5e9;   /* sky-500 */
  --tenant-primary-hover:    #0284c7;   /* sky-600 */
  --tenant-primary-soft:     #bae6fd;   /* sky-200 */
  --tenant-primary-subtle:   #e0f2fe;   /* sky-100 */
  --tenant-primary-text:     #ffffff;
  --tenant-accent:           #6366f1;   /* indigo-500 */
  --tenant-accent-soft:      #eef2ff;   /* indigo-50 */
  --tenant-ring:             #38bdf8;   /* sky-400 */

  /* Surface */
  --tenant-bg:               #f8fafc;
  --tenant-surface:          #ffffff;
  --tenant-surface-warm:     #ffffff;
  --tenant-border:           #e2e8f0;
  --tenant-hover:            #f1f5f9;   /* slate-100 */
  --tenant-shadow:           rgb(15 23 42 / 0.08);

  /* Text */
  --tenant-text-primary:     #0f172a;
  --tenant-text-secondary:   #64748b;
  --tenant-text-muted:       #94a3b8;

  /* Brand name shown in UI */
  --tenant-name:             "CloudSwarm";

  /* Brandmark: CSS-driven, swap via content/background-image overrides */
  --tenant-logo-url:         url("/tenants/cloudswarm/logo.svg");
}