/* Red Theme */
html[data-color="red"]{ --brand-h:0; }

html[data-theme="light"][data-color="red"]{
  --bg: #fff5f5;
  --card: #fffafa;
  --text: #2d0f0f;
  --muted: #7a4b4b;
  --line: #f7d1d1;
  --surface-2: #fdeeee;
  --surface-3: #fadddd;
}

html[data-theme="dark"][data-color="red"]{
  --bg: #140707;
  --card: #1b0a0a;
  --text: #ffecec;
  --muted: #f0a5a5;
  --line: #3b1414;
  --surface-2: #210d0d;
  --surface-3: #2c1111;
  --brand: #FF6B6B;
  --brand-2: #FF8A8A;
  --brand-3: #FFA5A5;
  --brand-4: #FFBFBF;
}