:root {
  /* ============ BRAND CORE ============ */
  --pb-mint: #8aecbe;          /* signature mint green */
  --pb-black: #000000;
  --pb-white: #ffffff;

  /* ---- Mint scale (derived, harmonious) ---- */
  --pb-mint-50:  #effdf6;
  --pb-mint-100: #d6f9e7;
  --pb-mint-200: #b4f2d3;
  --pb-mint-300: #8aecbe;      /* = brand mint */
  --pb-mint-400: #5fdda3;
  --pb-mint-500: #36c485;
  --pb-mint-600: #22a06c;
  --pb-mint-700: #1c7d56;

  /* ---- Neutral / ink scale (near-black to white) ---- */
  --pb-ink-900: #000000;
  --pb-ink-800: #0a0c0b;
  --pb-ink-700: #161918;
  --pb-ink-600: #2a2f2d;
  --pb-ink-500: #4b524f;
  --pb-ink-400: #767d7a;
  --pb-ink-300: #a7adaa;
  --pb-ink-200: #d2d6d4;
  --pb-ink-100: #ebedec;
  --pb-ink-50:  #f6f7f7;

  /* ============ SEMANTIC ALIASES ============ */
  /* Default surface is the brand's signature dark canvas */
  --surface-base:    var(--pb-black);
  --surface-raised:  var(--pb-ink-800);
  --surface-card:    var(--pb-ink-700);
  --surface-inverse: var(--pb-white);
  --surface-accent:  var(--pb-mint);
  --surface-accent-soft: var(--pb-mint-100);

  --text-primary:    var(--pb-white);
  --text-secondary:  var(--pb-ink-300);
  --text-muted:      var(--pb-ink-400);
  --text-accent:     var(--pb-mint);
  --text-on-accent:  var(--pb-black);
  --text-on-light:   var(--pb-black);

  --border-subtle:   rgba(255, 255, 255, 0.10);
  --border-strong:   rgba(255, 255, 255, 0.24);
  --border-accent:   var(--pb-mint);
  --border-on-light: rgba(0, 0, 0, 0.12);

  /* Focus / interaction */
  --ring-accent:     rgba(138, 236, 190, 0.55);

  /* Status (kept on-brand: mint = positive) */
  --status-success: var(--pb-mint-500);
  --status-warning: #f5c542;
  --status-danger:  #ff6b6b;
  --status-info:    #6bc5ff;
}