/* CoachSonar default brand-CSS.
 *
 * This file is the runtime override that BrandProvider injects when an
 * organization's `brand.cssUrl` resolves to it. It MUST only override Tetra
 * design tokens — anything else belongs in globals.css.
 *
 * The same shape is what we expect from white-label tenants in
 * organizations.brand.cssUrl. Keep it small and token-only.
 */

:root {
  --tetra-accent:         #16a34a;  /* green-600 */
  --tetra-accent-subtle:  #dcfce7;  /* green-100 */
  --tetra-accent-hover:   #15803d;  /* green-700 */
  --tetra-accent-text:    #15803d;
  --tetra-ring:           #16a34a;
  --tetra-input-focus:    #16a34a;

  --tetra-brand:          #16a34a;
  --tetra-brand-subtle:   #dcfce7;
  --tetra-brand-hover:    #15803d;
  --tetra-brand-text:     #15803d;
  --tetra-brand-ring:     #16a34a;

  --tetra-info:           #16a34a;
  --tetra-info-subtle:    #dcfce7;
  --tetra-info-text:      #15803d;
}

html.dark, [data-theme="dark"] {
  --tetra-accent:         #22c55e;
  --tetra-accent-subtle:  #052e16;
  --tetra-accent-hover:   #16a34a;
  --tetra-accent-text:    #86efac;
  --tetra-ring:           #22c55e;
  --tetra-input-focus:    #22c55e;
  --tetra-brand:          #22c55e;
  --tetra-brand-subtle:   #052e16;
  --tetra-brand-hover:    #16a34a;
  --tetra-brand-text:     #86efac;
  --tetra-brand-ring:     #22c55e;
  --tetra-info:           #22c55e;
  --tetra-info-subtle:    #052e16;
  --tetra-info-text:      #86efac;
}