/* ==========================================================================
   Console theme
   --------------------------------------------------------------------------
   The web app at console.dataprovider.com uses its own visual system, separate
   from the marketing brand. This file overrides the semantic tokens inside a
   [data-theme="console"] scope, so the existing components render in the
   console look without being changed. Values are read from the live console.

   Apply by wrapping a subtree:  <div data-theme="console"> ... </div>
   ========================================================================== */

[data-theme="console"] {
  /* ---- Typography ----------------------------------------------------- */
  --dp-font-sans: "Helvetica Neue", helvetica, arial, "Lucida Grande", sans-serif;

  /* ---- Brand / text --------------------------------------------------- */
  --dp-navy: #2d145f;          /* console heading / brand purple */
  --dp-text: #2d145f;
  --dp-text-muted: #78669c;
  --dp-text-subtle: #9a8fb5;
  --dp-text-on-dark: #ffffff;

  /* ---- Surfaces ------------------------------------------------------- */
  --dp-bg: #fafafe;
  --dp-surface: #ffffff;
  --dp-surface-subtle: #f6f6f9;
  --dp-surface-soft: #eaedff;  /* nav active and hover */

  /* ---- Borders -------------------------------------------------------- */
  --dp-border: #d5dbff;
  --dp-border-strong: #a2afff;
  --dp-border-neutral: #dcdcdc;

  /* ---- Raw blues used by components ----------------------------------- */
  --dp-blue-200: #eaedff;
  --dp-blue-300: #d5dbff;
  --dp-blue-400: #a2afff;
  --dp-blue-600: #2d4bff;
  --dp-blue-700: #2d4bff;
  --dp-blue-800: #2336cc;

  /* ---- Links ---------------------------------------------------------- */
  --dp-link: #2d4bff;
  --dp-link-hover: #4761ff;

  /* ---- Brand action colours ------------------------------------------- */
  /* The prominent filled button in the console is dark. */
  --dp-primary-bg: #090f33;
  --dp-primary-bg-hover: #15092c;
  --dp-primary-border: #090f33;
  --dp-primary-text: #ffffff;

  --dp-secondary-bg: #2d4bff;
  --dp-secondary-bg-hover: #2336cc;
  --dp-secondary-border: #2d4bff;
  --dp-secondary-text: #ffffff;

  --dp-cta-bg: #ffd200;
  --dp-cta-bg-hover: #e6bd00;
  --dp-cta-border: #e6bd00;
  --dp-cta-text: #2d145f;

  /* ---- Soft surfaces -------------------------------------------------- */
  --dp-primary-soft: #eaedff;
  --dp-info: #2d4bff;
  --dp-info-soft: #eaedff;

  /* ---- Status (readable on light) ------------------------------------- */
  --dp-success: #1f9d57;
  --dp-warning: #b07d00;
  --dp-danger: #cf1618;

  /* ---- Focus ---------------------------------------------------------- */
  --dp-shadow-focus: 0 0 0 3px rgba(45, 75, 255, 0.35);

  /* ---- Console-only tokens -------------------------------------------- */
  --dp-brand-purple: #2d145f;
  --dp-brand-purple-dark: #15092c;
  --dp-accent-yellow: #ffd200;

  /* Small beta tag in the navigation */
  --dp-beta-bg: #ffed99;
  --dp-beta-text: #665400;

  /* Gradient for AI actions */
  --dp-gradient-ai: linear-gradient(135deg, #9b5cf6 0%, #2d4bff 100%);

  /* Trust grades A to F */
  --dp-grade-a: #36cf17;
  --dp-grade-b: #b3cf17;
  --dp-grade-c: #ffd200;
  --dp-grade-d: #ffa100;
  --dp-grade-e: #ff4600;
  --dp-grade-f: #cf1717;

  /* Apply the base font and text colour to the whole themed subtree */
  font-family: var(--dp-font-sans);
  color: var(--dp-text);
}