/* ==========================================================================
   MANA PHARMA — site theme "V2 · Logo colours"
   Direction:  light · calm · brand-led, orange first
   Palette:    from the logo — Orange #E57819 (primary) · Green #8DBF23
               (secondary) · Navy #052B5A (dark surfaces, from V1) · neutral
               greys for text and hairlines only
   Type:       one sans family throughout (no mono labels)
   Corners:    10px / 16px, pill buttons

   Layered over main.css: it re-points the V1 tokens (the names stay V1's, so
   --c-blue is this theme's primary orange and --c-sky its green) and then
   adjusts a few components. Active when <html data-mp-theme="v2">; see
   inc/display.php.
   ========================================================================== */

html[data-mp-theme="v2"] {
  --c-blue: #B85009;        /* primary: logo orange, deepened so it passes as text on white */
  --c-blue-800: #052B5A;    /* dark surfaces (footer, hero, banners): V1 navy */
  --c-blue-600: #A84808;    /* primary, hover */
  --c-sky: #467A12;         /* secondary: logo green, deepened so it passes as text on white */
  --c-sky-soft: #E6F2CF;
  --c-sky-light: #CDE89A;
  --c-amber: #E57819;       /* logo orange, as sampled: buttons, rules, highlights */
  --c-amber-600: #CF6A12;
  --c-amber-700: #BD5F0E;
  --c-amber-soft: #FBE1CB;
  --c-green: #467A12;
  --c-lime: #8DBF23;        /* logo green, as sampled: small marks only, too light for text */

  --c-ink: #17232A;
  --c-ink-80: #27343C;
  --c-ink-60: #4E5B63;
  --c-ink-40: #798A92;      /* muted text */
  --c-ink-20: #B6C0C6;

  /* --c-blue-rgb only ever tints shadows, focus rings and faint fills, so it
     follows the navy surfaces; an orange cast would make every card glow. */
  --c-blue-rgb: 5, 43, 90;
  --c-blue-800-rgb: 5, 43, 90;
  --c-sky-rgb: 70, 122, 18;
  --c-amber-rgb: 229, 120, 25;
  --c-green-rgb: 70, 122, 18;
  --c-ink-rgb: 23, 35, 42;

  --c-bg-cool: #F5F7F8;
  --c-bg-cooler: #ECF0F2;
  --c-hair: #DCE2E5;
  --c-hair-strong: #C4CDD2;

  --c-font-mono: var(--c-font-sans);

  --c-radius: 10px;
  --c-radius-lg: 16px;
}

/* ---------- Buttons: every solid button is the logo orange ---------- */
html[data-mp-theme="v2"] .c-btn { border-radius: 999px; }
html[data-mp-theme="v2"] .c-btn-blue {
  background: var(--c-amber);
  border-color: var(--c-amber);
  color: var(--c-ink);
}
html[data-mp-theme="v2"] .c-btn-blue:hover {
  background: var(--c-amber-600);
  border-color: var(--c-amber-600);
  box-shadow: 0 6px 18px -6px rgba(var(--c-amber-rgb), 0.5);
}

/* ---------- Mobile drawer: navy, so the orange arrows and links stay legible ---------- */
html[data-mp-theme="v2"] .c-drawer { background: var(--c-blue-800); }

/* ---------- Eyebrow: a green hexagon from the logo instead of the dash ---------- */
html[data-mp-theme="v2"] .c-eyebrow::before {
  width: 9px;
  height: 10px;
  background: var(--c-lime);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

/* ---------- Top bar: light, so the header reads as one white band ---------- */
html[data-mp-theme="v2"] .c-topbar {
  background: var(--c-bg-cool);
  color: var(--c-ink-60);
  border-bottom-color: var(--c-hair);
}
html[data-mp-theme="v2"] .c-topbar .sep { background: var(--c-hair-strong); }
html[data-mp-theme="v2"] .c-topbar a:hover,
html[data-mp-theme="v2"] .c-appearance__toggle:hover,
html[data-mp-theme="v2"] .c-appearance__toggle[aria-expanded="true"] { color: var(--c-blue); }

/* ---------- Hero and page banners: drop the technical grid overlay ---------- */
html[data-mp-theme="v2"] .c-hero::after,
html[data-mp-theme="v2"] .c-banner::before { display: none; }

/* ---------- Stats strip: the corner ticks clash with the rounded card ---------- */
html[data-mp-theme="v2"] .c-stats__item::before { display: none; }

/* ---------- Orange-led details: no green in gradients on brand surfaces ---------- */
html[data-mp-theme="v2"] .c-cta-band::before {
  background: radial-gradient(circle at 100% 0%, rgba(var(--c-amber-rgb), 0.18) 0%, transparent 50%);
}

/* ---------- Service hexagons: alternate orange and green, like the logo's ---------- */
html[data-mp-theme="v2"] .svc-hex-navy { background: linear-gradient(155deg, #5E9414, var(--c-sky)); }

/* ---------- About expertise tiles: orange, blue and green, so the groups stay distinct ---------- */
html[data-mp-theme="v2"] .c-xp--del { --gc: #0E7CB1; --xb1: #0E7CB1; --xb2: var(--c-blue-800); }
html[data-mp-theme="v2"] .c-xp--biz { --xb2: #2E520B; }