:root {
  /* Background layers */
  --bg-base:    #09090f;
  --bg-surface: #111118;
  --bg-card:    #16161f;
  --bg-input:   #1c1c27;
  --bg-hover:   #1f1f2c;

  /* Borders */
  --border:       #2a2a3a;
  --border-light: #333348;

  /* Primary — vault gold */
  --primary:       #c9a84c;
  --primary-dim:   #a8893c;
  --primary-glow:  rgba(201, 168, 76, 0.15);
  --primary-text:  #0a0a0f;

  /* Semantic */
  --success: #3dba6e;
  --danger:  #e05252;
  --warning: #e09a2e;
  --info:    #4a9edd;

  /* Text */
  --text-primary:   #e8e8f2;
  --text-secondary: #8888a8;
  --text-muted:     #55556a;

  /* Vault role colors */
  --role-owner: #c9a84c;
  --role-guard: #4a9edd;
  --role-guest: #8888a8;

  /* Tier colors */
  --tier-basic: #8888a8;
  --tier-pro:   #c9a84c;
  --tier-admin: #e05252;

  /* Spacing */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Transitions */
  --transition: 0.2s ease;

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.4);
  --shadow:      0 4px 20px rgba(0,0,0,0.5);
  --shadow-gold: 0 0 24px rgba(201,168,76,0.2);
}