/* ============================================================
   Digital Commerce Integration — Operations tokens (adm-*) · DARK THEME VALUES
   ------------------------------------------------------------
   Dark palette for the B2B portal, admin console and fleet
   portal. Light is the default theme (html[data-theme="light"]
   in tj-theme.css overrides every value below); this file is
   what the consoles fall back to under the dark theme.
   Stepped surfaces (ground → sidebar → panel → raised), hairline
   rules, soft shadows, and the brand accent reserved for the one
   action that matters on a screen.
   Loaded by admin/layout.blade.php, fleet/layout.blade.php,
   web/b2b/layout.blade.php and admin/auth/login.blade.php.
   ============================================================ */
:root{
    /* ── Surface steps ── */
    --adm-bg:        #0a0f1e;   /* ground  — canvas                               */
    --adm-side:      #0d1424;   /* sidebar, topbar, table head                    */
    --adm-surface:   #131a2c;   /* panel   — cards, table bodies                  */
    --adm-surface-2: #111826;   /* thead / subtle fills inside a panel            */
    --adm-raised:    #1e293b;   /* raised  — secondary buttons, modals, toasts    */

    /* ── Sidebar ── */
    --adm-side-bg:        var(--adm-side);
    --adm-side-bg-2:      var(--adm-surface);
    --adm-side-border:    #1b2338;
    --adm-side-text:      #98a1b8;
    --adm-side-text-hi:   #f3f5fa;
    --adm-side-label:     #5d6780;

    /* ── Accent — the brand only. 400 for text/marks on dark, 500 for fills.
          Every step resolves to the --tj-brand-* ladder in tj-tokens.css, which is
          the one place the accent is defined (and what Admin → Settings →
          Appearance overrides at runtime). Never hardcode a brand hex here. ── */
    --adm-accent-50:  rgba(var(--tj-brand-rgb),.14);   /* active nav tint                  */
    --adm-accent-100: rgba(var(--tj-brand-rgb),.20);   /* brand badge tint on dark         */
    --adm-accent-200: rgba(var(--tj-brand-400-rgb),.30);
    --adm-accent-300: var(--tj-brand-300);   /* ghost button / link text on dark  */
    --adm-accent-400: var(--tj-brand-400);   /* active marker, focus, tab underline */
    --adm-accent-500: var(--tj-brand);       /* primary fill                      */
    --adm-accent-600: var(--tj-brand-hover); /* hover                             */
    --adm-accent-700: var(--tj-brand-deep);  /* press                             */
    --adm-accent:     var(--adm-accent-500);
    --adm-violet:     var(--adm-accent-400);
    --adm-cyan:       var(--adm-accent-400);
    --adm-focus-ring: 0 0 0 3px rgba(var(--tj-brand-400-rgb),.22);

    /* ── Semantic: solid / dark tint / bright ink-on-dark ── */
    --adm-success: #12a86b; --adm-success-50: #0f2b25; --adm-success-ink: #34d399;
    --adm-warning: #e0891a; --adm-warning-50: #2c2010; --adm-warning-ink: #fbbf24;
    --adm-danger:  #dc2626; --adm-danger-50:  #2c1416; --adm-danger-ink:  #f87171;
    --adm-info:    #0284c7; --adm-info-50:    #0d2333; --adm-info-ink:    #38bdf8;

    /* ── Text & lines on dark ── */
    --adm-ink:          #f3f5fa;
    --adm-ink-2:        #c3cbdb;
    --adm-muted:        #98a1b8;
    --adm-muted-2:      #6e7891;
    --adm-border:       #263049;   /* panel edges, dividers                      */
    --adm-border-2:     #161e30;   /* row separators inside a table              */
    --adm-input-border: #33405c;
    --adm-input-bg:     #0d1424;
    --adm-hover-border: #465575;   /* border on hover for outline controls       */

    /* ── Radii: 6 = badges/small · 8 = controls · 12 = cards · 16 = modals ── */
    --adm-r-sm:   6px;
    --adm-r:      8px;
    --adm-r-lg:   12px;
    --adm-r-xl:   16px;
    --adm-r-full: 999px;

    /* ── Depth on dark: low, wide, colourless ── */
    --adm-shadow-xs: 0 1px 2px rgba(0,0,0,.30);
    --adm-shadow-sm: 0 1px 2px rgba(0,0,0,.30);
    --adm-shadow:    0 8px 20px -8px rgba(0,0,0,.50);
    --adm-shadow-lg: 0 24px 48px -18px rgba(0,0,0,.70);
    --adm-glow:      none;
    --adm-glow-soft: none;

    /* ── Neutral "slate" badge tone ── */
    --adm-tone-soft: rgba(100,116,139,.18);
    --adm-tone-ink:  #cbd5e1;

    /* ── Glass: retired. Kept defined so every backdrop-filter: var(--adm-blur) resolves to flat. ── */
    --adm-blur: none;

    /* ── Motion ── */
    --adm-dur-instant: 100ms;
    --adm-dur-reveal:  180ms;
    --adm-dur-surface: 240ms;
    --adm-ease:        cubic-bezier(.2,.8,.2,1);

    /* ── Type ── */
    --adm-font: "Inter","Cairo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    --adm-mono: ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}