/* @sterk/tokens — crm.css
 *
 * STERK CRM brand. Ren admin-estetikk: tett informasjon, høy kontrast,
 * lite dekorativt, fungerer bra på desktop og store skjermer.
 *
 *   <link rel="stylesheet" href="@sterk/tokens/shared">
 *   <link rel="stylesheet" href="@sterk/tokens/crm">
 *
 * CRM-brand er namespacet under --brand-crm-* slik at app ikke kan
 * smitte verdier inn ved import-uhell.
 */

:root {
  /* ─── CRM brand-farger ──────────────────────────────────────── */
  --brand-crm-primary:    #024250;  /* Mørk teal — admin-estetikk */
  --brand-crm-primary-dark: #012832;
  --brand-crm-accent:     #0384a0;  /* Lys teal — for fokus/highlight */
  --brand-crm-secondary:  #d4a843;  /* Samme gull — krysser brand */

  --brand-crm-bg:         #f5f5f7;  /* Litt kjøligere enn app */
  --brand-crm-bg-elevated: #ffffff;
  --brand-crm-bg-sidebar: #1a2530;  /* Mørk sidebar */

  --brand-crm-text:       #1a1a1a;
  --brand-crm-text-muted: #6c757d;
  --brand-crm-text-on-dark: #f0f0f0;

  /* ─── CRM-spesifikke divider/border ─────────────────────────── */
  --brand-crm-divider: #e0e0e0;
  --brand-crm-border:  #d1d5db;

  /* ─── CRM dashboard-widget ──────────────────────────────────── */
  --brand-crm-widget-bg:     #ffffff;
  --brand-crm-widget-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  /* ─── CRM data-tables ───────────────────────────────────────── */
  --brand-crm-table-header-bg: #f8f9fa;
  --brand-crm-table-row-hover: #f5f5f5;
  --brand-crm-table-border:    #e0e0e0;
}