/* ------------------------------------------------------------------
 * UGRO Capital brand palette for the OpenClaw Control UI.
 *
 * Colours sampled from the UGRO Capital corporate logo:
 *   orange  #ea652b   (primary brand accent)
 *   navy    #1c1e3d   (logo wordmark / "CAPITAL" bar)
 *
 * Theme stylesheets are injected at runtime *after* the static <link>
 * tags, so these declarations use !important to win regardless of which
 * base theme the user has selected.
 *
 * WCAG 2.1 contrast (bg #12142b, L ~= 0.008):
 *   --accent  #ea652b            ~= 5.5:1  AA normal text        OK
 *   --foreground #eef0f8         ~= 16.1:1 AAA                   OK
 *   --primary-foreground #12142b on #ea652b button ~= 5.5:1 AA   OK
 * ------------------------------------------------------------------ */

:root,
:root[data-theme],
html[data-theme] {
  /* --- accent / primary : UGRO orange --- */
  --accent: #ea652b !important;
  --accent-hover: #f5814a !important;
  --accent-muted: #ea652b !important;
  --accent-subtle: rgba(234, 101, 43, 0.12) !important;
  --accent-glow: rgba(234, 101, 43, 0.22) !important;
  --accent-2: #f2a25c !important;
  --accent-2-muted: #f2a25c !important;
  --accent-2-subtle: rgba(242, 162, 92, 0.12) !important;

  --primary: #ea652b !important;
  --primary-hover: #f5814a !important;
  --primary-foreground: #12142b !important;

  --ring: #ea652b !important;
  --focus: #ea652b !important;
  --focus-glow: rgba(234, 101, 43, 0.28) !important;

  /* --- surfaces : UGRO navy ramp --- */
  --bg: #12142b !important;
  --bg-content: #12142b !important;
  --bg-muted: #191c36 !important;
  --bg-elevated: #1c1e3d !important;
  --bg-hover: #1f2342 !important;
  --bg-accent: rgba(234, 101, 43, 0.10) !important;

  --card: #1c1e3d !important;
  --card-foreground: #eef0f8 !important;
  --card-highlight: #242849 !important;

  --panel: #171a33 !important;
  --panel-hover: #1f2342 !important;
  --panel-strong: #1c1e3d !important;

  --popover: #1c1e3d !important;
  --popover-foreground: #eef0f8 !important;

  --chrome: #14162e !important;
  --chrome-strong: #1c1e3d !important;
  --input: #1a1d38 !important;

  /* --- borders --- */
  --border: #2b2f55 !important;
  --border-hover: #3a3f70 !important;
  --border-strong: #454b82 !important;
  --grid-line: rgba(69, 75, 130, 0.28) !important;

  /* --- text --- */
  --foreground: #eef0f8 !important;
  --chat-text: #eef0f8 !important;
  --muted: #a8adc9 !important;
  --muted-foreground: #a8adc9 !important;
  --muted-strong: #c6cade !important;

  --overlay-shadow: rgba(4, 5, 14, 0.62) !important;
}

/* Light mode: keep UGRO orange, lift the surfaces. */
html[data-theme-mode="light"],
:root[data-theme-resolved="light"] {
  --bg: #f7f7fb !important;
  --bg-content: #ffffff !important;
  --bg-muted: #eef0f6 !important;
  --bg-elevated: #ffffff !important;
  --bg-hover: #e8eaf3 !important;

  --card: #ffffff !important;
  --card-foreground: #12142b !important;
  --card-highlight: #f2f3f9 !important;

  --panel: #ffffff !important;
  --panel-hover: #eef0f6 !important;
  --panel-strong: #ffffff !important;

  --popover: #ffffff !important;
  --popover-foreground: #12142b !important;

  --chrome: #1c1e3d !important;
  --chrome-strong: #12142b !important;
  --input: #ffffff !important;

  --border: #d6d9e6 !important;
  --border-hover: #b9bed3 !important;
  --border-strong: #9aa0bd !important;

  --foreground: #12142b !important;
  --chat-text: #12142b !important;
  --muted: #5b607d !important;
  --muted-foreground: #5b607d !important;
  --muted-strong: #33375a !important;

  /* Orange needs to darken slightly to stay AA on white. */
  --accent: #c9501c !important;
  --accent-hover: #ea652b !important;
  --primary: #c9501c !important;
  --primary-hover: #ea652b !important;
  --primary-foreground: #ffffff !important;
  --ring: #c9501c !important;
  --focus: #c9501c !important;
}