/* ============================================================
   CARD PRIME D 3.0 — Design Tokens
   "From stranger to cardholder, in one visit."
   Premium issuance. Rounded geometry, holographic gradients,
   champagne accents. Deliberately unlike its sibling genatm.com.
   ============================================================ */

:root {
  /* --- Surface & ink -------------------------------------- */
  --bg:          #0A0812;   /* obsidian plum — the vault        */
  --bg-raise:    #100D1B;   /* raised surface                   */
  --panel:       #16121F;   /* card surface                     */
  --panel-2:     #1E1930;   /* hover / elevated                 */
  --panel-3:     #272040;   /* inset wells                      */
  --line:        rgba(233, 228, 248, 0.08);
  --line-strong: rgba(233, 228, 248, 0.18);
  --ink:         #F1EEF9;   /* primary text                     */
  --ink-dim:     #A69FBE;   /* secondary                        */
  --ink-faint:   #6E6689;   /* captions                         */

  /* --- Brand ----------------------------------------------- */
  --prime:       #8B5CF6;   /* prime violet — the signature     */
  --prime-soft:  rgba(139, 92, 246, 0.16);
  --spark:       #22D3EE;   /* electric cyan — digital & motion */
  --spark-soft:  rgba(34, 211, 238, 0.14);
  --gold:        #E8C99B;   /* champagne — instant & premium    */
  --gold-soft:   rgba(232, 201, 155, 0.14);
  --rose:        #FB7185;   /* blocked, declined, attention     */
  --rose-soft:   rgba(251, 113, 133, 0.14);
  --mint:        #34D399;   /* active, approved                 */
  --mint-soft:   rgba(52, 211, 153, 0.14);

  /* --- Signature gradients --------------------------------- */
  --grad-prime:  linear-gradient(120deg, #8B5CF6 0%, #6366F1 42%, #22D3EE 100%);
  --grad-gold:   linear-gradient(120deg, #E8C99B 0%, #C9A16B 60%, #8B5CF6 140%);
  --grad-holo:   linear-gradient(115deg,
                   rgba(139,92,246,0) 18%, rgba(232,201,155,0.42) 38%,
                   rgba(34,211,238,0.34) 50%, rgba(139,92,246,0) 72%);

  /* --- Typography ------------------------------------------ */
  --font-display: "Sora", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* --- Rhythm ---------------------------------------------- */
  --w-max:  1180px;
  --w-wide: 1380px;
  --pad-x:  clamp(20px, 5vw, 64px);
  --sec-y:  clamp(76px, 10vw, 144px);
  --r:      14px;             /* rounded — this brand is a card */
  --r-sm:   9px;
  --r-lg:   22px;
  --r-card: 16px;             /* the 3.375 × 2.125 in radius     */

  /* --- Motion ---------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io:  cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 220ms;
  --dur-2: 520ms;
  --dur-3: 980ms;

  /* --- Elevation ------------------------------------------- */
  --glow-prime: 0 0 60px rgba(139, 92, 246, 0.28);
  --glow-spark: 0 0 52px rgba(34, 211, 238, 0.24);
  --glow-gold:  0 0 52px rgba(232, 201, 155, 0.22);
  --shadow:     0 26px 70px rgba(0, 0, 0, 0.62);
  --shadow-card:0 34px 80px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(233,228,248,0.07) inset;
}