/* Rewards Tier Branding — Single Source of Truth
   Colors from brand spec. D1 table: rewards_tier_config
   Used by: profiles, rewards, past-guests side panels */

:root {
  /* Member */
  --tier-member-primary: #4FAFCD;
  --tier-member-dark: #000F1C;
  --tier-member-light: #0F5C84;

  /* Bronze */
  --tier-bronze-primary: #A37453;
  --tier-bronze-dark: #592716;
  --tier-bronze-light: #A47654;

  /* Silver */
  --tier-silver-primary: #90918F;
  --tier-silver-dark: #656461;
  --tier-silver-light: #B9BAB8;

  /* Gold */
  --tier-gold-primary: #886D3E;
  --tier-gold-dark: #614316;
  --tier-gold-light: #977F4C;

  /* Platinum */
  --tier-platinum-primary: #909FA2;
  --tier-platinum-dark: #8A999B;
  --tier-platinum-light: #CFD6D7;
}

/* Tier gradient cards */
.tier-card-member   { background: linear-gradient(135deg, var(--tier-member-dark), var(--tier-member-light), var(--tier-member-primary)); }
.tier-card-bronze   { background: linear-gradient(135deg, var(--tier-bronze-dark), var(--tier-bronze-light), var(--tier-bronze-primary)); }
.tier-card-silver   { background: linear-gradient(135deg, var(--tier-silver-dark), var(--tier-silver-light), var(--tier-silver-primary)); }
.tier-card-gold     { background: linear-gradient(135deg, var(--tier-gold-dark), var(--tier-gold-light), var(--tier-gold-primary)); }
.tier-card-platinum { background: linear-gradient(135deg, var(--tier-platinum-dark), var(--tier-platinum-light), var(--tier-platinum-primary)); }

/* Context bar tier colors */
.context-bar-tier[data-tier="Member"]   { --tier-color: var(--tier-member-primary); }
.context-bar-tier[data-tier="Bronze"]   { --tier-color: var(--tier-bronze-primary); }
.context-bar-tier[data-tier="Silver"]   { --tier-color: var(--tier-silver-primary); }
.context-bar-tier[data-tier="Gold"]     { --tier-color: var(--tier-gold-primary); }
.context-bar-tier[data-tier="Platinum"] { --tier-color: var(--tier-platinum-primary); }

/* Profile card tier borders */
.profile-card.tier-member   { border-left-color: var(--tier-member-primary); }
.profile-card.tier-bronze   { border-left-color: var(--tier-bronze-primary); }
.profile-card.tier-silver   { border-left-color: var(--tier-silver-primary); }
.profile-card.tier-gold     { border-left-color: var(--tier-gold-primary); }
.profile-card.tier-platinum { border-left-color: var(--tier-platinum-primary); }

/* Member ID pill badges */
.rewards-member-id-pill.tier-badge-member   { background: var(--tier-member-primary); }
.rewards-member-id-pill.tier-badge-bronze   { background: linear-gradient(135deg, var(--tier-bronze-light) 0%, var(--tier-bronze-primary) 100%); }
.rewards-member-id-pill.tier-badge-silver   { background: linear-gradient(135deg, var(--tier-silver-light) 0%, var(--tier-silver-primary) 100%); }
.rewards-member-id-pill.tier-badge-gold     { background: linear-gradient(135deg, var(--tier-gold-light) 0%, var(--tier-gold-primary) 100%); color: white; }
.rewards-member-id-pill.tier-badge-platinum { background: linear-gradient(135deg, var(--tier-platinum-light) 0%, var(--tier-platinum-primary) 100%); color: #3D4F5F; }

/* Tier badge component (logo + member ID pill) */
.tier-badge {
  display: flex;
  height: 32px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}
.tier-badge-label {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 10px;
  line-height: 1;
}
.tier-badge-logo {
  height: 20px;
  width: auto;
}
.tier-badge-id {
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
}
.tier-badge-member .tier-badge-label { background: var(--tier-member-primary); color: white; }
.tier-badge-member .tier-badge-id { background: var(--tier-member-primary); color: white; }
.tier-badge-bronze .tier-badge-label { background: linear-gradient(180deg, var(--tier-bronze-primary) 0%, var(--tier-bronze-dark) 100%); color: white; }
.tier-badge-bronze .tier-badge-id { background: linear-gradient(180deg, var(--tier-bronze-light) 0%, var(--tier-bronze-primary) 100%); color: white; }
.tier-badge-silver .tier-badge-label { background: linear-gradient(180deg, var(--tier-silver-primary) 0%, var(--tier-silver-dark) 100%); color: white; }
.tier-badge-silver .tier-badge-id { background: linear-gradient(180deg, var(--tier-silver-light) 0%, var(--tier-silver-primary) 100%); color: white; }
.tier-badge-gold .tier-badge-label { background: linear-gradient(180deg, var(--tier-gold-primary) 0%, var(--tier-gold-dark) 100%); color: white; }
.tier-badge-gold .tier-badge-id { background: linear-gradient(180deg, var(--tier-gold-light) 0%, var(--tier-gold-primary) 100%); color: white; }
.tier-badge-platinum .tier-badge-label { background: linear-gradient(180deg, var(--tier-platinum-light) 0%, var(--tier-platinum-dark) 100%); color: #3D4F5F; }
.tier-badge-platinum .tier-badge-id { background: linear-gradient(180deg, var(--tier-platinum-light) 0%, var(--tier-platinum-primary) 100%); color: #3D4F5F; }

/* Rewards summary card tier borders */
.rewards-summary-card.tier-member   { border-left: 4px solid var(--tier-member-primary); }
.rewards-summary-card.tier-bronze   { border-left: 4px solid var(--tier-bronze-primary); }
.rewards-summary-card.tier-silver   { border-left: 4px solid var(--tier-silver-primary); }
.rewards-summary-card.tier-gold     { border-left: 4px solid var(--tier-gold-primary); }
.rewards-summary-card.tier-platinum { border-left: 4px solid var(--tier-platinum-primary); }