/* Hands-on Advertising white-label brand-CSS for CoachSonar.
 *
 * Loaded by BrandProvider when organizations.custom_domain matches
 * `app.handsonadvertising.nl`. Token-only override — see coachsonar.css for
 * the contract.
 *
 * Brand color set deliberately matches Hands-on's primary blue so the
 * coaching surface visually belongs to their site. The accent is a slightly
 * deeper hover variant; subtle/text shades pair with light + dark themes.
 */

:root {
  --tetra-accent:         #1d4ed8;  /* blue-700 */
  --tetra-accent-subtle:  #dbeafe;  /* blue-100 */
  --tetra-accent-hover:   #1e40af;  /* blue-800 */
  --tetra-accent-text:    #1e3a8a;  /* blue-900 */
  --tetra-ring:           #1d4ed8;
  --tetra-input-focus:    #1d4ed8;

  --tetra-brand:          #1d4ed8;
  --tetra-brand-subtle:   #dbeafe;
  --tetra-brand-hover:    #1e40af;
  --tetra-brand-text:     #1e3a8a;
  --tetra-brand-ring:     #1d4ed8;

  --tetra-info:           #1d4ed8;
  --tetra-info-subtle:    #dbeafe;
  --tetra-info-text:      #1e3a8a;
}

html.dark, [data-theme="dark"] {
  --tetra-accent:         #60a5fa;  /* blue-400 */
  --tetra-accent-subtle:  #172554;
  --tetra-accent-hover:   #3b82f6;
  --tetra-accent-text:    #bfdbfe;
  --tetra-ring:           #60a5fa;
  --tetra-input-focus:    #60a5fa;
  --tetra-brand:          #60a5fa;
  --tetra-brand-subtle:   #172554;
  --tetra-brand-hover:    #3b82f6;
  --tetra-brand-text:     #bfdbfe;
  --tetra-brand-ring:     #60a5fa;
  --tetra-info:           #60a5fa;
  --tetra-info-subtle:    #172554;
  --tetra-info-text:      #bfdbfe;
}