/* boxy-theme-v2.css
   Now the SINGLE shared stylesheet for staff-index-v24.html,
   boxy-public-claude-v2.html, and boxy-public-mistral-v2.html.

   REBRAND PASS 1 (2026-07-17): the "safe to remap" colours from
   boxy-colour-mapping-2026-07-17.md are now applied below — brand accent,
   hover, page/header backgrounds, header border, and primary text. These
   are the runbox.com --rmm-* values, not the old Boxy hex.

   Deliberately UNCHANGED (see mapping doc Section 2/3 — no equivalent in
   the RMM palette, or carries semantic meaning that must survive a
   rebrand): danger/success/status colours, DNS result badges, avatar
   colours, worker-indicator colours, muted text greys, tag colours.
*/

:root {
  /* Brand accent — was #185FA5 / #1353a0, now --rmm-light-background /
     --rmm-default-primary (hover gets darker, same relationship as before) */
  --boxy-accent:            #307DB8;
  --boxy-accent-hover:      #00447F;

  /* Structural backgrounds/borders — was #f0f4f8 / #e8eef5 / #c8d4e3, now
     --rmm-gray-lighter / --rmm-gray. Numeric-nearest match loses the blue
     tint the originals had — flagged in the mapping doc as a judgement
     call, not an oversight. Revert to #f0f4f8/#e8eef5/#c8d4e3 here if it
     reads as too flat/grey in practice. */
  --boxy-page-bg:           #F3F3F3;
  --boxy-header-bg:         #F3F3F3;
  --boxy-header-border:     #DDDDDD;
  --boxy-messages-bg:       #F3F3F3; /* was #f9f9f9, hardcoded until now — see file header */
  --boxy-card-bg:           #ffffff;
  --boxy-border:            #dde3ed;
  --boxy-border-hover:      #b0c4da;

  /* Text — was #1a1a1a, now --rmm-default-text */
  --boxy-text:              #010000;
  --boxy-text-secondary:    #666666;
  --boxy-text-muted:        #888888;
  --boxy-text-faint:        #999999;
  --boxy-text-strong-muted: #444444;
  --boxy-tag-text:          #555555;

  /* Semantic — see boxy-colour-mapping-2026-07-17.md: kept separate from
     the brand accent above so a future rebrand can't accidentally shift
     danger/success/warning meaning. */
  --boxy-danger:            #c0392b;
  --boxy-success:           #2a7a2a;

  --boxy-status-green-bg:      #eafaf0;
  --boxy-status-green-border:  #a8ddb8;
  --boxy-status-green-text:    #1a5c2a;
  --boxy-status-amber-bg:      #fff8e6;
  --boxy-status-amber-border:  #f5c842;
  --boxy-status-amber-text:    #7a4f00;
  --boxy-status-red-bg:        #fdf0f0;
  --boxy-status-red-border:    #e8a0a0;
  --boxy-status-red-text:      #7a1a1a;
  --boxy-status-grey-bg:       #f4f4f4;
  --boxy-status-grey-border:   #dddddd;
  --boxy-status-grey-text:     #888888;

  /* Tags */
  --boxy-tag-bg:            #e8eef5;
  --boxy-tag-eu-bg:         #e6f0e6;
  --boxy-tag-eu-text:       #2a6a2a;

  /* Worker indicators — kept visually distinct on purpose */
  --boxy-worker-claude-bg:      #dbeafe;
  --boxy-worker-claude-text:    #1e3a8a;
  --boxy-worker-claude-border:  #bfdbfe;
  --boxy-worker-mistral-bg:     #f3e8ff;
  --boxy-worker-mistral-text:   #6b21a8;
  --boxy-worker-mistral-border: #e9d5ff;
  --boxy-worker-mistral-accent: #7c3aed;

  --boxy-reindex-disabled-bg: #a0b4c8;

  /* ── New below — standalone chat pages ── */

  /* Widget chrome */
  --boxy-widget-border:     #e2e2e2;
  --boxy-input-border:      #d0d0d0;
  --boxy-disabled-bg:       #cccccc;
  --boxy-divider-light:     #eeeeee;
  --boxy-table-stripe:      #f7f9fc;

  /* Chat bubbles */
  --boxy-notice-bg:         #f0f4f8;
  --boxy-notice-border:     #d0d8e4;
  --boxy-bubble-border:     #e5e5e5;

  /* Avatars — kept distinct blue (agent) vs green (user) on purpose,
     same reasoning as the worker indicators above */
  --boxy-avatar-agent-bg:   #dbeafe;
  --boxy-avatar-agent-text: #1e40af; /* NOTE: same drift vs --boxy-worker-claude-text
                                        (#1e3a8a) flagged in the mapping doc —
                                        kept as its own variable rather than
                                        silently unified */
  --boxy-avatar-user-bg:    #dcfce7;
  --boxy-avatar-user-text:  #166534;

  /* Support banner */
  --boxy-support-banner-bg:       #eef5ff;
  --boxy-support-banner-border:   #c8d9f0;
  --boxy-support-banner-hover-bg: #deeaff;

  /* DNS result cards — left-border accent per status */
  --boxy-result-pass-border:  #27ae60;
  --boxy-result-fail-border:  #c0392b; /* same value as --boxy-danger above,
                                           kept as its own name since this is
                                           a semantically separate use (DNS
                                           check result, not a form error) */
  --boxy-result-warn-border:  #e67e22;
  --boxy-result-info-border:  #2980b9;
  --boxy-result-pending-border: #bbbbbb;

  /* DNS result badges — small pill background/text per status, a distinct
     (lighter) shade family from the status banners above — not merged with
     them, since badge and banner were never the same colour to begin with */
  --boxy-result-pass-badge-bg:    #eafaf1;
  --boxy-result-pass-badge-text:  #1a7a40;
  --boxy-result-fail-badge-bg:    #fdf0ef;
  --boxy-result-fail-badge-text:  #a0291e;
  --boxy-result-warn-badge-bg:    #fef6ec;
  --boxy-result-warn-badge-text:  #b05e10;
  --boxy-result-info-badge-bg:    #eaf3fb;
  --boxy-result-info-badge-text:  #1a5c8a;
  --boxy-result-pending-badge-bg:   #f3f4f6;
  --boxy-result-pending-badge-text: #777777;

  /* ── New below ── public informational pages (about-boxy.html,
     boxy-privacy.html, message-headers.html, myip.html, dns-checker.html) ── */

  /* Prose body text on info pages — deliberately separate from
     --boxy-text (near-black, used for headings/UI chrome): this is a
     softer dark blue-grey used specifically for paragraph copy on the
     standalone info pages. Not merged with --boxy-text since the two
     were visually distinct in the originals. */
  --boxy-text-body: #2c3e50;

  /* Dark tooltip (dns-checker.html) — a one-off inverted colour scheme
     unrelated to the rest of the palette, kept as its own pair rather
     than forced onto any existing variable. */
  --boxy-tooltip-bg:   #1a2a3a;
  --boxy-tooltip-text: #e8eef5;

  /* Light hover tint for card/link hover states on info pages (distinct
     from --boxy-support-banner-hover-bg, which is a different shade) */
  --boxy-link-hover-bg: #f0f6fc;
}