/* Rhapsody 2025 Brand Styles — FY-25 Guidelines
   Matches the design system in raas-azure-tooling-v2 (Lee Jelley)
   ─────────────────────────────────────────────────────────────── */

/* ── Material theme primary colour override ────────────────────── */
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #1A81F4;
  --md-primary-fg-color--light: #E8F4FE;
  --md-primary-fg-color--dark:  #1567C3;
  --md-accent-fg-color:         #23C5BF;
  --md-accent-fg-color--transparent: rgba(35, 197, 191, 0.12);
}

/* Dark mode (slate) — header stays dark navy, tweak surface & accent tones */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #47A5F7;
  --md-primary-fg-color--light: rgba(26, 129, 244, 0.15);
  --md-primary-fg-color--dark:  #1A81F4;
  --md-accent-fg-color:         #23C5BF;
  --md-default-bg-color:        #0b1623;
  --md-default-fg-color:        #e8eaeb;
  --md-default-fg-color--light: #a3aaaf;
  --md-code-bg-color:           #0d1926;
}

/* ── Shared CSS variables (used by chat.css and inline styles) ─── */
:root {
  /* Primary */
  --rhapsody-blue:       #1A81F4;
  --rhapsody-blue-hover: #1567C3;
  --rhapsody-blue-light: #E8F4FE;

  /* Accent */
  --accent-teal:         #23C5BF;

  /* Neutral — softened text (FY-25 brand update) */
  --dark-text:           #3A4550;
  --secondary-text:      #7E858C;
  --border:              #D9DFE6;
  --background:          #F5F5F5;

  /* Status */
  --color-success:       #00B184;
  --color-warning:       #F57C00;
  --color-error:         #D32F2F;
  --color-info:          #1976D2;

  /* Typography */
  --font-family:         'Poppins', 'Arial', sans-serif;

  /* Extended Deploy Lens palette */
  /* Blues */
  --color-blue-1:        #D1E9FD;
  --color-blue-4:        #47A5F7;
  --color-blue-5:        #1A81F4;
  --color-blue-6:        #1567C3;
  --color-blue-7:        #104D92;

  /* Greens */
  --color-green-4:       #33CDB0;
  --color-green-5:       #00B184;
  --color-green-6:       #00926A;

  /* Teals */
  --color-teal-5:        #23C5BF;

  /* Oranges */
  --color-orange-4:      #F79747;
  --color-orange-5:      #FA7E2E;

  /* Reds */
  --color-red-5:         #DC3545;

  /* Purples */
  --color-purple-5:      #7340E4;

  /* Dark navy */
  --color-dark-0:        #E8EAEB;
  --color-dark-2:        #A3AAAF;
  --color-dark-3:        #757F87;
  --color-dark-5:        #050F19;
  --color-dark-6:        #040C14;

  /* Gray scale */
  --color-gray-0:        #F4F5F5;
  --color-gray-2:        #D3D7D9;
  --color-gray-5:        #7E858C;

  /* Shadows (Deploy Lens tokens) */
  --shadow-xs:  0 1px 3px rgba(5, 15, 25, 0.05);
  --shadow-sm:  0 1px 5px rgba(5, 15, 25, 0.10);
  --shadow-md:  0 4px 10px rgba(5, 15, 25, 0.10);
  --shadow-lg:  0 8px 30px rgba(5, 15, 25, 0.15);
  --shadow-xl:  0 15px 45px rgba(5, 15, 25, 0.20);
}

/* ── Headings ──────────────────────────────────────────────────── */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--dark-text);
  font-weight: 600;
}

/* ── Navigation ────────────────────────────────────────────────── */
.md-header {
  background-color: #050F19;
  box-shadow: 0 2px 8px rgba(5, 15, 25, 0.4);
}

[data-md-color-scheme="slate"] .md-header {
  background-color: #020a12;
}

.md-tabs {
  background-color: #040C14;
  border-bottom: 1px solid rgba(26, 129, 244, 0.25);
}

.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--rhapsody-blue);
}

/* ── Admonitions ───────────────────────────────────────────────── */
.md-typeset .admonition,
.md-typeset details {
  border-color: var(--rhapsody-blue);
}

.md-typeset .admonition.note > .admonition-title,
.md-typeset details.note > summary {
  background-color: var(--rhapsody-blue-light);
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #00B184;
}

.md-typeset .admonition.tip > .admonition-title,
.md-typeset details.tip > summary {
  background-color: rgba(0, 177, 132, 0.12);
}

.md-typeset .admonition.tip > .admonition-title::before,
.md-typeset details.tip > summary::before {
  background-color: #00B184;
}

.md-typeset .admonition.success,
.md-typeset details.success {
  border-color: #00B184;
}

.md-typeset .admonition.success > .admonition-title,
.md-typeset details.success > summary {
  background-color: rgba(0, 177, 132, 0.12);
}

.md-typeset .admonition.success > .admonition-title::before,
.md-typeset details.success > summary::before {
  background-color: #00B184;
}

/* ── Inline code ───────────────────────────────────────────────── */
.md-typeset code {
  background: rgba(26, 129, 244, 0.08);
  color: var(--dark-text);
  border-radius: 3px;
}

/* ── Links ─────────────────────────────────────────────────────── */
.md-typeset a {
  color: var(--rhapsody-blue);
}

.md-typeset a:hover {
  color: var(--rhapsody-blue-hover);
}