/* MATH Arch4 — design tokens */

:root {
  /* Brand */
  --math-primary: #2563eb;
  --math-primary-hover: #1d4ed8;
  --math-primary-soft: #eff6ff;

  /* Shell */
  --math-sidebar-bg: #111827;
  --math-sidebar-hover: #1f2937;
  --math-sidebar-text: #e5e7eb;
  --math-sidebar-muted: #9ca3af;
  --math-bg: #f1f5f9;
  --math-surface: #ffffff;
  --math-border: #e2e8f0;
  --math-table-head: #f1f5f9;

  /* Text */
  --math-text: #0f172a;
  --math-text-muted: #64748b;

  /* Semantic */
  --math-success: #10b981;
  --math-warning: #f59e0b;
  --math-danger: #ef4444;
  --math-info: #0ea5e9;

  /* Module accents */
  --math-mod-accounts: #10b981;
  --math-mod-institutions: #3b82f6;
  --math-mod-reports: #f59e0b;
  --math-mod-admin: #ef4444;
  --math-mod-dashboard: #2563eb;
  --math-mod-masters: #6366f1;

  /* Layout (Arch4 shell) */
  --math-header-height: 52px;
  --math-footer-height: 34px;
  --math-sidebar-width: 260px;
  --math-sidebar-collapsed: 68px;
  --math-radius: 10px;
  --math-radius-sm: 6px;
  --math-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --math-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --math-transition: 0.2s ease;
  --math-font: "Inter", "Segoe UI", system-ui, sans-serif;

  /* Workspace tables */
  --math-layout-chrome: 8rem;
}

html[data-math-ui="arch4"] {
  --sidebar-width: var(--math-sidebar-width);
  --sidebar-mini-width: var(--math-sidebar-collapsed);
  --header-height: var(--math-header-height);
  --footer-height: var(--math-footer-height);
}

html[data-math-ui="arch4"] body.math-mod-accounts {
  --math-accent: var(--math-mod-accounts);
}

html[data-math-ui="arch4"] body.math-mod-institutions {
  --math-accent: var(--math-mod-institutions);
}

html[data-math-ui="arch4"] body.math-mod-reports {
  --math-accent: var(--math-mod-reports);
}

html[data-math-ui="arch4"] body.math-mod-admin {
  --math-accent: var(--math-mod-admin);
}

html[data-math-ui="arch4"] body.math-mod-dashboard {
  --math-accent: var(--math-mod-dashboard);
}

html[data-math-ui="arch4"] body.math-page-workspace {
  --math-layout-chrome: 7rem;
}

html[data-math-ui="arch4"] body.math-page-cashbook {
  --math-layout-chrome: 10.5rem;
}

html[data-bs-theme="dark"][data-math-ui="arch4"] {
  --math-bg: #0f172a;
  --math-surface: #1e293b;
  --math-border: #334155;
  --math-text: #f1f5f9;
  --math-text-muted: #94a3b8;
  --math-table-head: #1e293b;
}