:root {
  --accent: #e0245e;
  --accent-soft: #2a1420;
  --brand-font-size: 17px;
  --radius-card: 6px;
  --ink: #f3eef2;
  --muted: #a79cae;
  --line: #2b2130;
  --paper: #120d16;
  --wash: #1a1220;
  --soft: #221829;
  --rose: #e0245e;
  --rose-dark: #b81d4c;
  --plum: #f0d7e4;
  --shadow: 0 14px 40px rgba(0, 0, 0, .55);
  --brand-logo-height: 30px;
  --surface: #171020;
  --surface-tint: #1e1425;
  --surface-cool: #141a22;
  --surface-veil: rgba(255, 255, 255, .04);
  --surface-translucent: rgba(18, 13, 22, .96);
  --surface-gradient: linear-gradient(135deg, #1e1425, #241a2c);
  --gradient-text: linear-gradient(110deg, #e0245e, #ff6f8a 46%, #b81d4c);
  --gradient-frosted: linear-gradient(150deg, rgba(30,20,37,.92), rgba(36,26,44,.78) 58%, rgba(24,16,32,.86));
  --accent-rgb: 224, 36, 94;
}
.site-header { text-transform: uppercase; letter-spacing: .06em; }
/* Inputs and cards inherit the page ground rather than staying white. */
input, textarea, select { background: var(--soft); color: var(--ink); border-color: var(--line); }
::placeholder { color: var(--muted); }
img.brand-logo { filter: brightness(1.08); }