/* nrag-tokens.css — shared design tokens for all .nrag-* elements.
   This is the ONLY nrag stylesheet permitted color literals, and only
   inside :root. Per-site brand accent is overridden via an inline
   :root block emitted by MxChat_Neural_RAG_Tokens::enqueue(). */
:root {
    /* Brand accent (per-site override target) */
    --nrag-accent: #4a6da7;
    --nrag-accent-contrast: #ffffff;

    /* Neutral surfaces / lines / text */
    --nrag-surface: #ffffff;
    --nrag-surface-2: #f5f6f8;
    --nrag-surface-hover: #e8ebf0;
    --nrag-border: #e3e6ea;
    --nrag-text: #222222;
    --nrag-text-muted: #555555;
    --nrag-text-inverse: #ffffff;
    --nrag-overlay: rgba(16, 29, 46, 0.35);
    --nrag-shadow-panel: -8px 0 30px rgba(0, 0, 0, 0.25);
    --nrag-shadow-drawer: 2px 0 12px rgba(0, 0, 0, 0.2);

    /* Semantics */
    --nrag-danger: #b00020;

    /* Radius scale */
    --nrag-radius-sm: 8px;
    --nrag-radius-pill: 18px;

    /* Type scale */
    --nrag-font-sm: 0.8em;
    --nrag-font-base: 0.9em;
}