:root {
  /* Paleta oficial definida en BLACKPHONE APP.pdf */
  --bp-black: #0a0a0b;
  --bp-blue: #0877f9;
  --bp-blue-strong: #075ecb;
  --bp-blue-dark: #062a52;
  --bp-blue-soft: #eaf3ff;
  --bp-bg: #f7f8fa;
  --bp-white: #ffffff;
  --bp-ice: #f1f3f5;
  --bp-border: #e5e8eb;
  --bp-muted: #747780;
  --bp-success: #31b768;
  --bp-warning: #f2a938;
  --bp-error: #e65353;

  --bg: var(--bp-bg);
  --bg2: var(--bp-ice);
  --surface: var(--bp-white);
  --surface2: #fbfcfd;
  --line: var(--bp-border);
  --line2: #d8dde3;
  --ink: var(--bp-black);
  --ink2: #2d3137;
  --mu: var(--bp-muted);
  --mu2: #9ba1aa;
  --bl: var(--bp-blue);
  --bl-soft: #cfe2ff;
  --bl-mid: #51a0ff;
  --bl-dark: var(--bp-blue-strong);
  --bl-bg: var(--bp-blue-soft);
  --gn: var(--bp-success);
  --rd: var(--bp-error);
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;
  --r: 22px;
  --r2: 17px;
  --r3: 13px;
  --shadow: 0 1px 2px rgba(6, 42, 82, .04), 0 8px 24px rgba(6, 42, 82, .05);
  --shadow2: 0 18px 50px -22px rgba(8, 119, 249, .34), 0 0 0 1px rgba(10, 10, 11, .035);
  --shadow3: 0 12px 30px -20px rgba(6, 42, 82, .28);
  --ease-premium: cubic-bezier(.2, .8, .2, 1);
}