/* ═══════════════════════════════════════════════
 *  Unified CSS Variables — Remy Peptides
 *  Single source of truth for colors, radii,
 *  transitions, and typography tokens.
 *  Version: 1
 * ═══════════════════════════════════════════════ */

:root {
  /* ── Backgrounds ── */
  --bg: #080808;
  --black: #080808;              /* alias → --bg */
  --surface: #0e0e0e;
  --deep: #0e0e0e;               /* alias → --surface */
  --bg2: #0e0e0e;                /* alias → --surface */
  --surface-2: #141414;
  --surface2: #141414;           /* alias → --surface-2 */
  --bg3: #141414;                /* alias → --surface-2 */

  /* ── Borders ── */
  --border: rgba(255,255,255,0.07);
  --border-hover: rgba(255,255,255,0.12);
  --border2: rgba(255,255,255,0.12); /* alias → --border-hover */
  --border-strong: rgba(255,255,255,0.14);

  /* ── Pink palette ── */
  --pink: #db266c;
  --accent: #db266c;             /* alias → --pink */
  --pink-hover: #c01f5c;
  --pink-text: #ff5a9e;
  --pink-soft: rgba(219,38,108,0.15);
  --accent-soft: rgba(219,38,108,0.15); /* alias → --pink-soft */
  --pink-glow: rgba(219,38,108,0.08);
  --accent-glow: rgba(219,38,108,0.08); /* alias → --pink-glow */
  --pink-dim: rgba(219,38,108,0.10);    /* alias (calculator) */
  --border-pink: rgba(219,38,108,0.3);  /* alias (calculator) */

  /* ── Green palette ── */
  --green: #107f38;
  --green-hover: #13993f;
  --green-soft: rgba(0,230,118,0.1);

  /* ── Neutrals ── */
  --white: #f8f8f8;
  --text: #f8f8f8;               /* alias → --white */
  --gray: #888;
  --muted: #888;                 /* alias → --gray */
  --gray-light: #bbb;
  --gray2: #999;                 /* alias (legacy) */
  --gray-2: #aaa;                /* alias (wholesale) */
  --gray-dark: #555;
  --muted2: #555;                /* alias → --gray-dark */

  /* ── Status colors ── */
  --error: #e07070;
  --success: #8fb8a8;
  --tether: #26a17b;               /* USDT brand color */

  /* ── Radii ── */
  --radius-sm: 3px;
  --radius: 6px;
  --radius-lg: 10px;

  /* ── Transitions ── */
  --transition-fast: 0.15s ease;
  --transition: 0.3s ease;

  /* ── Layout ── */
  --max: 1240px;                   /* wholesale max-width */

  /* ── Typography ── */
  --mono: 'DM Mono', monospace;
  --serif: 'Cormorant Garamond', serif;
  --sans: 'Outfit', sans-serif;
  --line-height: 1.7;
}