/* av-skin-default.css — the DEFAULT SKIN (brand orange, day/night).
   Phase 1.5: the ONLY file a re-theme edits. Holds every color custom prop in
   :root (night/dark default) + the [data-theme="light"] (day) overrides, plus the
   font-family custom props. Swap this file (AV_SKIN=<name>) for a brand/seasonal/A-B
   skin; structure, components, and pages never change. */

:root {
  /* Brand-fixed (constant across day/night within this skin) */
  --av-orange:        #FC7213;
  --av-orange-soft:   #F68C46;
  --av-orange-bg:     rgba(252, 114, 19, 0.12);
  --av-coal:          #333333;
  --av-elephant:      #BCB9B9;

  /* Links (brand-fixed; consistent with the scoped .form-text/.alert/.av-modal anchors) */
  --av-link:          var(--av-orange);
  --av-link-visited:  var(--av-orange-soft);

  /* Surface & text — dark (night) default */
  --av-bg:            #2b2b2b;
  --av-surface:       #262626;
  --av-surface-raise: #303030;
  --av-text:          #ffffff;
  --av-text-muted:    #BCB9B9;
  --av-border:        #3d3d3d;

  /* Functional accents (pulse/status only — never on logo) */
  --av-live-green:    #3ec97a;
  --av-live-green-bg: rgba(62, 201, 122, 0.12);
  --av-danger:        #e5484d;
  --av-danger-bg:     rgba(229, 72, 77, 0.12);
  /* "dry" — a successful non-live trade/cancel/close (the d=1 preview), distinct
     from a real live fire (av-live-green). Renews the pre-migration dashboard's
     table-info cyan for the same tier. */
  --av-info-blue:     #2fb6d9;
  --av-info-blue-bg:  rgba(47, 182, 217, 0.12);

  /* Event Log row-wash tints. Stronger than the *-bg tokens above (those size a
     small pill/dot; a whole row needs more alpha to read at the same weight) —
     and, as of 2026-07-08, the SAME strength on both themes: an earlier pass
     only boosted dark, but the operator's own screenshots showed light reading
     too pastel/faded as well, not just dark, so this is one deliberately bold
     value shared by both, not a per-theme split. */
  --av-row-ok-bg:     rgba(62, 201, 122, 0.20);
  --av-row-dry-bg:    rgba(47, 182, 217, 0.20);
  --av-row-danger-bg: rgba(229, 72, 77, 0.20);

  /* Exchange logo tile fallback when the config sets no brand colour: white on BOTH
     themes (a white chip is legible under the natural-colour brand logos on either
     background). A configured brand colour overrides this via an inline --av-tile-bg. */
  --av-tile-bg-default: #ffffff;

  /* Typography */
  --av-font-display: 'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --av-font-body:    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

[data-theme="light"] {
  --av-bg:            #ffffff;
  --av-surface:       #faf9f8;
  --av-surface-raise: #f2f0ee;
  --av-text:          #333333;
  --av-text-muted:    #6c6c6c;
  --av-border:        #ececec;
}
