/* theme-metacam.css — MetaCAM kleurenconfiguratie
   Laad dit bestand in je basistemplate voor de MetaCAM-stijl.
   Vervang door een ander themabestand voor directe rebranding. */

:root,
[data-theme="metacam"] {
  /* Zijbalk */
  --theme-sidebar-bg:      #0f172a;
  --theme-sidebar-hover:   #1e293b;
  --theme-sidebar-text:    #f1f5f9;
  --theme-sidebar-muted:   #94a3b8;
  --theme-sidebar-border:  #1e293b;

  /* Primair accent — marketing blauw */
  --theme-primary:         #1d4ed8;
  --theme-primary-light:   #3b82f6;
  --theme-primary-dim:     rgba(29,78,216,0.1);

  /* Secundair accent — security amber */
  --theme-secondary:       #d97706;
  --theme-secondary-light: #fef3c7;
  --theme-secondary-dark:  #92400e;

  /* Vlakken */
  --theme-bg:              #f8fafc;
  --theme-card:            #ffffff;
  --theme-border:          #e2e8f0;
  --theme-header-bg:       #ffffff;

  /* Typografie */
  --theme-text:            #1e293b;
  --theme-muted:           #64748b;
  --theme-muted-light:     #94a3b8;

  /* Opmaakafmetingen */
  --layout-sidebar-width:  220px;
}