/**
 * SMESS design tokens — SINGLE SOURCE for the whole app (admin panel + client
 * portal). This is the only file a future brand/theme revamp should need to
 * touch — everything else (admin/includes/sidebar.css, client/includes/sidebar.css,
 * and any individual page) reads these custom properties, never a literal
 * color. See docs/brain/decisions/2026-09-14-one-design-system-everywhere.md.
 *
 * Loaded via @import at the top of both admin/includes/sidebar.css and
 * client/includes/sidebar.css — every one of the ~70 pages that already
 * <link>s one of those two files picks this up automatically, with zero
 * per-page <head> changes needed now or on any future revamp. (This
 * deliberately differs from the assets/css/signal-tokens.css convention
 * elsewhere in the app, which is loaded via its own <link> tag per page —
 * that works for a small, deliberately-adopted feature; @import is the right
 * choice here specifically because ~70 pages already depend on sidebar.css
 * and must never need editing just to pick up a palette change.)
 *
 * Variable names keep the historical `--smess-green*` naming (this app's
 * brand accent used to literally be WhatsApp green) even now that the value
 * is blue — 39+ individual pages already reference these names directly in
 * their own inline <style> blocks, so renaming would mean touching every one
 * of them for zero visual benefit. Only the VALUES change on a revamp.
 */
:root {
    /* Brand accent */
    --smess-green:        #38bdf8;
    --smess-green-hover:  #0ea5e9;
    --smess-green-deep:   #0369a1;
    /* Surfaces (dark default) */
    --smess-bg:           #0b0f19;
    --smess-card:         #111827;
    --smess-card-2:       #0b0f19;
    --smess-border:       rgba(255,255,255,0.08);
    --smess-border-hard:  #1f2937;
    /* Text */
    --smess-text:         #f4f4f5;
    --smess-text-muted:   #9ca3af;
    --smess-text-dim:     #6b7280;
    /* Status — deliberately independent of the brand accent above */
    --smess-success:      #22c55e;
    --smess-danger:       #f87171;
    --smess-warning:      #fbbf24;
    --smess-info:         #38bdf8;
    /* Bootstrap remap — makes plain btn-primary/bg-primary/text-primary auto-conform */
    --bs-primary:         #38bdf8;
    --bs-primary-rgb:     56,189,248;
    --bs-info:            #38bdf8;
    --bs-info-rgb:        56,189,248;
    --bs-link-color:      #38bdf8;
    --bs-link-hover-color:#0ea5e9;
}

body.light-theme {
    --smess-green:        #0284c7;
    --smess-green-hover:  #0369a1;
    --smess-green-deep:   #075985;
    --smess-bg:           #fafafa;
    --smess-card:         #ffffff;
    --smess-card-2:       #f9fafb;
    --smess-border:       #e5e7eb;
    --smess-border-hard:  #d1d5db;
    --smess-text:         #111827;
    --smess-text-muted:   #6b7280;
    --smess-text-dim:     #9ca3af;
    --smess-success:      #15803d;
    --smess-danger:       #dc2626;
    --smess-warning:      #d97706;
    --smess-info:         #0284c7;
    --bs-primary:         #0284c7;
    --bs-primary-rgb:     2,132,199;
    --bs-info:            #0284c7;
    --bs-info-rgb:        2,132,199;
    --bs-link-color:      #0284c7;
    --bs-link-hover-color:#0369a1;
}