/* ──────────────────────────────────────────────────────────────────
   CAASTOR — legacy → v2 token BRIDGE
   The portal's components reference legacy token names (--c-bg,
   --yellow-500, --c-ink, …). This file re-points every one of them at
   the v2 design system (ds-tokens.css): citrus palette, Apple-quiet
   elevation, light + dark surfaces. Must load AFTER ds-tokens.css and
   portal.css so these aliases win the cascade.
   ─────────────────────────────────────────────────────────────────── */

:root {
  /* ── Brand (legacy yellow scale → citrus --brand) ── */
  --yellow-50:  var(--brand-soft);
  --yellow-100: var(--brand-soft);
  --yellow-200: rgba(var(--brand-glow), 0.30);
  --yellow-300: rgba(var(--brand-glow), 0.45);
  --yellow-400: var(--brand);
  --yellow-500: var(--brand);
  --yellow-600: var(--brand-strong);
  --yellow-700: var(--brand-strong);
  --yellow-800: var(--brand-strong);
  --yellow-900: var(--brand-strong);

  /* ── Secondary (legacy purple scale → --accent / indigo) ── */
  --purple-50:  var(--accent-soft);
  --purple-100: var(--accent-soft);
  --purple-200: rgba(var(--accent-glow), 0.30);
  --purple-300: rgba(var(--accent-glow), 0.45);
  --purple-400: var(--accent);
  --purple-500: var(--accent);
  --purple-600: var(--accent-strong);
  --purple-700: var(--accent-strong);
  --purple-800: var(--accent-strong);
  --purple-900: var(--accent-strong);

  /* ── Status: success (green + mint) ── */
  --green-50:  var(--status-success-soft);
  --green-100: var(--status-success-soft);
  --green-200: rgba(16, 185, 129, 0.25);
  --green-300: rgba(16, 185, 129, 0.40);
  --green-400: var(--status-success);
  --green-500: var(--status-success);
  --green-600: var(--status-success);
  --green-700: var(--status-success);
  --green-800: var(--status-success);
  --green-900: var(--status-success);
  --mint-300:  var(--status-success-soft);
  --mint-500:  var(--status-success);
  --mint-600:  var(--status-success);

  /* ── Status: danger (pink) ── */
  --pink-50:  var(--status-danger-soft);
  --pink-100: var(--status-danger-soft);
  --pink-200: rgba(239, 68, 68, 0.30);
  --pink-300: var(--status-danger);
  --pink-400: var(--status-danger);
  --pink-500: var(--status-danger);
  --pink-600: var(--status-danger);
  --pink-700: var(--status-danger);
  --pink-800: var(--status-danger);
  --pink-900: var(--status-danger);

  /* ── Status: warning (orange) ── */
  --orange-100: var(--status-warning-soft);
  --orange-500: var(--status-warning);
  --orange-600: var(--status-warning);

  /* ── Status: info (blue) ── */
  --blue-50:  var(--status-info-soft);
  --blue-100: var(--status-info-soft);
  --blue-500: var(--status-info);
  --blue-600: var(--status-info);
  --blue-700: var(--status-info);

  /* ── Neutrals → v2 text / surface scale (theme-aware) ── */
  --neutral-0:    var(--bg-canvas);
  --neutral-50:   var(--bg-muted);
  --neutral-100:  var(--bg-muted);
  --neutral-200:  var(--border-default);
  --neutral-300:  var(--border-strong);
  --neutral-400:  var(--text-quaternary);
  --neutral-500:  var(--text-tertiary);
  --neutral-600:  var(--text-tertiary);
  --neutral-700:  var(--text-secondary);
  /* 800 / 900 back dark chips, avatar squares, dark buttons — keep them
     dark in BOTH themes so white foreground text stays legible. */
  --neutral-800:  #2c2c2e;
  --neutral-900:  #1d1d1f;
  --neutral-1000: #000000;

  /* ── Legacy convenience surfaces → v2 surfaces / text / borders ── */
  --c-bg:      var(--bg-app);
  --c-card:    var(--bg-canvas);
  --c-line:    var(--border-default);
  --c-line-2:  var(--border-strong);
  --c-ink:     var(--text-primary);
  --c-dim:     var(--text-secondary);
  --c-faint:   var(--text-tertiary);
  --c-yellow-tint: var(--brand-soft);
  --c-purple-tint: var(--accent-soft);
  --c-mint-tint:   var(--status-success-soft);
  --c-pink-tint:   var(--status-danger-soft);

  /* Inverse surface for dark chips/buttons (stays dark in both themes) */
  --c-inverse: #1d1d1f;
}

/* In dark mode, lift the dark-chip neutrals slightly above the app bg. */
[data-theme="dark"] {
  --neutral-800: #34343a;
  --neutral-900: #26262c;
  --c-inverse:   #26262c;
}