/* Orange Theme */
html[data-color="orange"]{ --brand-h:30; }

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

html[data-theme="light"][data-color="orange"]{
  --bg: #fff8f4;
  --card: #ffffff;
  --text: #2d1a0f;
  --muted: #8a6a55;
  --line: #ffe6d6;
  --surface-2: #fff2ec;
  --surface-3: #ffe9dd;
}

html[data-theme="dark"][data-color="orange"]{
  --bg: #1f1008;
  --card: #29180c;
  --text: #ffe8d6;
  --muted: #d6a88a;
  --line: #442a1b;
  --surface-2: #321f11;
  --surface-3: #402615;
  --brand: #FF8C42;
  --brand-2: #FFA366;
  --brand-3: #FFB885;
  --brand-4: #FFCCA3;
}

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

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