/* ══════════════════════════════════════════
   Soft Carbon — Docs compat bridge
   Maps the legacy Option D token names used by docs.css onto the Carbon
   role tokens from carbon-tokens.css. Pages are the light theme; the header,
   homepage hero, and code blocks are data-carbon-theme="dark" islands.

   NB: declared on every theme boundary, not just :root — var() references
   in custom-property values resolve at the DEFINING element, so islands
   must re-declare the aliases to re-resolve them against their own
   --cds-* values.
   ══════════════════════════════════════════ */

:root,
[data-carbon-theme] {
  --bg:          var(--cds-background);
  --bg-2:        var(--cds-layer-01);
  --bg-3:        var(--cds-layer-02);
  --bg-4:        var(--cds-field-01);
  --border:      var(--cds-border-subtle);
  --border-2:    var(--cds-border-subtle-selected);
  --text:        var(--cds-text-primary);
  --text-2:      var(--cds-text-secondary);
  --text-3:      var(--cds-text-helper);

  /* Interactive accent = burnt orange. The tints are literal rgba because a
     var() cannot be interpolated into an rgba() channel list. */
  --accent:      var(--cds-interactive);
  --accent-dark: var(--cds-link-primary-hover);
  --accent-dim:  rgba(186, 78, 0, 0.08);
  --accent-glow: rgba(186, 78, 0, 0.18);

  --green:       var(--cds-support-success);
  --green-dim:   rgba(36, 161, 72, 0.10);
  --blue:        var(--cds-support-info);
  --red:         var(--cds-support-error);

  --radius:      var(--radius-sm);
  /* --radius-md/lg/pill come from carbon-tokens.css */

  --font:        var(--cds-font-sans);
  --mono:        var(--cds-font-mono);
}

/* Accent tints need more alpha on dark islands */
[data-carbon-theme='dark-alt'],
[data-carbon-theme='dark'] {
  --accent-dim:  rgba(255, 131, 43, 0.14);
  --accent-glow: rgba(255, 131, 43, 0.28);
  --green-dim:   rgba(66, 190, 101, 0.14);
}