:root {
  --surface: #f7f4ec;
  --surface-raised: #fffdf7;
  --ink: #2b2a33;
  --ink-soft: #6d6a75;
  --accent-flame: #a35f2d;
  --accent-gold: #8a6f3c;
  --halo: #5b67a8;
  --veil: #e9e5da;
  --warn: #8a5a33;
}

[data-hour="pre_dawn"] {
  --surface: #12141f;
  --surface-raised: #1a1d2c;
  --ink: #e8e4da;
  --ink-soft: #9a97a8;
  --accent-flame: #e2a15c;
  --accent-gold: #c9a86a;
  --halo: #7a86c2;
  --veil: #0a0b12;
  --warn: #b98a5e;
}

[data-hour="day"] {
  --surface: #f7f4ec;
  --surface-raised: #fffdf7;
  --ink: #2b2a33;
  --ink-soft: #6d6a75;
  --accent-flame: #a35f2d;
  --accent-gold: #8a6f3c;
  --halo: #5b67a8;
  --veil: #e9e5da;
  --warn: #8a5a33;
}

[data-hour="dusk"] {
  --surface: #2a222b;
  --surface-raised: #342a34;
  --ink: #eee6df;
  --ink-soft: #a99ca4;
  --accent-flame: #d98e66;
  --accent-gold: #c2a071;
  --halo: #8f7fae;
  --veil: #1c161d;
  --warn: #b3805c;
}

[data-hour="night"] {
  --surface: #0c0d12;
  --surface-raised: #13141b;
  --ink: #d8d4cc;
  --ink-soft: #807d8a;
  --accent-flame: #c78f5a;
  --accent-gold: #a98f5e;
  --halo: #5f6a9e;
  --veil: #060709;
  --warn: #9c7350;
}