/* Pink Theme */
html[data-color="pink"]{ --brand-h:330; }

/* Typography - Basis Fonts */
html[data-color="pink"] {
  font-family: var(--font-basis-primary);
}
html[data-color="pink"] .muted,
html[data-color="pink"] .help,
html[data-color="pink"] .label {
  font-family: var(--font-basis-secondary);
}

html[data-theme="light"][data-color="pink"]{
  --bg: #fff4f8;
  --card: #ffffff;
  --text: #2d0f1a;
  --muted: #8a5570;
  --line: #ffd6e6;
  --surface-2: #ffecf2;
  --surface-3: #ffdde9;
}

html[data-theme="dark"][data-color="pink"]{
  --bg: #1f0814;
  --card: #290c1c;
  --text: #ffd6e8;
  --muted: #d68ab8;
  --line: #441b2e;
  --surface-2: #321121;
  --surface-3: #40152a;
  --brand: #EC4899;
  --brand-2: #F472B6;
  --brand-3: #F9A8D4;
  --brand-4: #FBCFE8;
}

/* Background */
html[data-color="pink"] body {
  background: 
    linear-gradient(135deg, 
      rgba(255, 244, 248, 0.92) 0%, 
      rgba(255, 221, 233, 0.88) 50%, 
      rgba(255, 244, 248, 0.92) 100%
    ),
    url('../backrounds/pink-crystal-backround.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

html[data-theme="dark"][data-color="pink"] body {
  background: 
    linear-gradient(135deg, 
      rgba(31, 8, 20, 0.9) 0%, 
      rgba(41, 12, 28, 0.85) 50%,
      rgba(31, 8, 20, 0.9) 100%
    ),
    url('../backrounds/pink-crystal-backround.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}