/* ===== HybridAI design tokens — canonical source for server-rendered pages =====
 *
 * Loaded by admin_template.html (all legacy admin pages) and bot_info.html
 * (before dashboard.css, which consumes these variables).
 *
 * Values MUST stay in sync with the workspace SPA tokens in
 * frontend/src/styles/globals.css (mirrored manually — no build step links them).
 * Styling changes on admin pages go through these tokens; do not add new hex values.
 */
:root {
    --dash-bg: #ffffff;
    --dash-sidebar-bg: #f9f9f9;
    --dash-border: #e5e5e5;
    --dash-text: #0d0d0d;
    --dash-muted: #8f8f8f;
    --dash-hover: #ececec;
    --dash-accent: #e3007d;        /* HybridAI magenta */
    --dash-accent-ink: #ffffff;
    --dash-accent-hover: #c4006c;
    --dash-agent-accent: #4f46e5;  /* HybridClaw/agent zone — indigo-600, mirrors the SPA's AGENT_ACCENT */
    --dash-destructive: #dc2626;
    --dash-destructive-hover: #b91c1c;
    --dash-success: #16a34a;
    --dash-radius: 14px;
    --dash-radius-md: 10px;
    --dash-radius-sm: 6px;
    --dash-radius-pill: 999px;
    --dash-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
    --dash-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --dash-sidebar-w: 272px;
    --dash-content-max: 820px;   /* chat column width; widened on large screens */
}