/*
 * IoT Analytics Theme
 */

:root {
  /* ── Primary red/coral ── */
  --primary:              #FF5A47;
  --primary-hover:        #E54937;
  --primary-light:        rgba(255, 90, 71, 0.08);
  --primary-surface:      rgba(255, 90, 71, 0.05);

  /* ── Accent ── */
  --accent:               #FF5A47;
  --accent-hover:         #E54937;
  --accent-light:         rgba(255, 90, 71, 0.1);

  /* ── Gradients ── */
  --gradient-toolbar:     #ffffff;
  --gradient-cta:         #FF5A47;
  --gradient-cta-hover:   #E54937;
  --gradient-brand:       #FF5A47;

  /* ── Text ── */
  --text-primary:         #111827;
  --text-secondary:       #6b7280;
  --text-light:           #ffffff;

  /* ── Surfaces ── */
  --surface:              #ffffff;
  --surface-variant:      #f9fafb;
  --outline:              #e5e7eb;
  --outline-variant:      #d1d5db;

  /* ── Toolbar — white background, dark text ── */
  --toolbar-color:             #111827;
  --toolbar-icon-color:        #374151;
  --toolbar-icon-color-muted:  #6b7280;
  --toolbar-avatar-border:     rgba(0, 0, 0, 0.1);
  --toolbar-logo-filter:       none;

  /* ── Angular Material system tokens ── */
  --mat-sys-primary:               #FF5A47;
  --mat-sys-on-primary:            #ffffff;
  --mat-sys-primary-container:     #fff0ee;
  --mat-sys-on-primary-container:  #5a1209;
  --mat-sys-secondary:             #E54937;
  --mat-sys-on-secondary:          #ffffff;
  --mat-sys-secondary-container:   #ffdad6;
  --mat-sys-on-secondary-container: #3b0b05;
  --mat-sys-tertiary:              #c0392b;
  --mat-sys-on-tertiary:           #ffffff;
  --mat-sys-tertiary-container:    #fce8e6;
  --mat-sys-on-tertiary-container: #410e0b;
  --mat-sys-surface:               #ffffff;
  --mat-sys-on-surface:            #111827;
  --mat-sys-surface-variant:       #f9fafb;
  --mat-sys-on-surface-variant:    #6b7280;
  --mat-sys-outline:               #e5e7eb;
  --mat-sys-outline-variant:       #d1d5db;

  /* ── Legacy brand tokens ── */
  --brand:                #FF5A47;
  --brand-hover:          #E54937;
  --brand-glow:           rgba(255, 90, 71, 0.1);
  --brand-surface:        #fff0ee;
  --brand-on:             #ffffff;
  --nav-bg:               #1e293b;
  --nav-bg-dark:          #0f172a;
}

/* Disable source hyperlinks */
.referenced-docs a,
.referenced-docs a:hover {
  color: inherit;
  text-decoration: none;
  border-bottom: none;
  pointer-events: none;
  cursor: default;
}