/* VAULT design tokens for CRM Phase 3 pages.
 * Minimal exposure of --crm-* variables + .crm-btn-* classes referenced by
 * crm_admin_queue.html and crm_my_calendar.html. The legacy CRM pages
 * (crm_my_sessions, crm_session, etc.) embed :root inline; this file is the
 * shared tokens used by pages built in Phase 3.
 */
:root {
  /* Brand palette (VAULT) */
  --crm-bg:             #f8f5ee;    /* page background — bone */
  --crm-surface:        #ffffff;    /* card / panel surface */
  --crm-surface-hover:  #f0ebdc;    /* row hover */
  --crm-fg:             #0d0d0d;    /* primary ink */
  --crm-muted:          #6b7280;    /* secondary text */
  --crm-border:         #e4dfd3;    /* hairline borders */
  --crm-gold:           #c9a84c;    /* primary brand accent */
  --crm-gold-d:         #9a7a2e;
  --crm-green:          #2d6a4f;
  --crm-red:            #9b1c1c;
  --crm-amber:          #b8860b;

  /* Typography stacks */
  --crm-ff-display:     'Fraunces', Georgia, serif;
  --crm-ff-body:        'Switzer', system-ui, sans-serif;
  --crm-ff-mono:        'JetBrains Mono', monospace;
}

/* ---------- Buttons (VAULT) ---------- */
.crm-btn-primary,
.crm-btn-secondary,
.crm-btn-danger,
.crm-btn-warn {
  font-family: var(--crm-ff-body);
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.55rem 1.1rem;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.crm-btn-primary {
  background: var(--crm-gold);
  color: var(--crm-fg);
  border-color: var(--crm-gold-d);
}
.crm-btn-primary:hover  { background: var(--crm-gold-d); color: #fff; }

.crm-btn-secondary {
  background: var(--crm-surface);
  color: var(--crm-fg);
  border-color: var(--crm-border);
}
.crm-btn-secondary:hover { background: var(--crm-surface-hover); }

.crm-btn-danger {
  background: var(--crm-red);
  color: #fff;
  border-color: var(--crm-red);
}
.crm-btn-danger:hover { background: #7a1414; }

.crm-btn-warn {
  background: var(--crm-amber);
  color: #fff;
  border-color: var(--crm-amber);
}
.crm-btn-warn:hover { background: #8a6608; }