/* ControlFacturi v1.1 (RadarAI v2.0 Design System) — Isolated Dark Theme Token Dictionary (theme-dark.css)
 * ZERO component selectors, ZERO !important rules.
 * Key set MUST match theme-light.css 100% (verified by tests/test_security_asvs.py).
 */
:root,
html[data-theme="dark"] {
    color-scheme: dark;
    --cf-canvas: #0f141b;
    --cf-surface: #171e28;
    --cf-surface-alpha: rgba(23, 30, 40, 0.94);
    --cf-canvas-alpha: rgba(15, 20, 27, 0.94);
    --cf-elevated: #212a37;
    --cf-border: #344154;
    --cf-divider: #263140;
    --cf-text: #e6edf3;
    --cf-heading: #ffffff;
    --cf-muted: #a8b9cc;
    --cf-primary: #6cb6ff;
    --cf-btn-bg: #1b65d4;
    --cf-btn-fg: #ffffff;
    --cf-btn-hover: #1757b5;
    --cf-green: #4ac959;
    --cf-amber: #eab84b;
    --cf-red: #ff6a61;
    --cf-purple: #d2a8ff;
    --cf-shadow: 0 2px 8px rgba(0, 0, 0, 0.36);
    --cf-focus-ring: #6cb6ff;

    --cf-tonal-blue-bg: rgba(31, 111, 235, 0.18);
    --cf-tonal-blue-border: rgba(88, 166, 255, 0.42);
    --cf-tonal-blue-fg: #6cb6ff;

    --cf-tonal-green-bg: rgba(46, 160, 67, 0.18);
    --cf-tonal-green-border: rgba(63, 185, 80, 0.42);
    --cf-tonal-green-fg: #4ac959;

    --cf-tonal-amber-bg: rgba(187, 128, 9, 0.20);
    --cf-tonal-amber-border: rgba(210, 153, 34, 0.45);
    --cf-tonal-amber-fg: #eab84b;

    --cf-tonal-purple-bg: rgba(137, 87, 229, 0.20);
    --cf-tonal-purple-border: rgba(163, 113, 247, 0.45);
    --cf-tonal-purple-fg: #d2a8ff;

    --cf-tonal-rose-bg: rgba(248, 81, 73, 0.18);
    --cf-tonal-rose-border: rgba(248, 81, 73, 0.45);
    --cf-tonal-rose-fg: #ff6a61;

    --cf-hover-row: #283242;
    --cf-hover-blue: #182b49;
    --cf-hover-green: #163824;
    --cf-hover-rose: #3b1c22;
}