/* Each app's colors, taken from its own design. */
:root { color-scheme: light dark; }

[data-app="arkive"] {
  --bg: #FAF8F4; --bg-app: #F7F5F1; --text: #2A2520; --text-secondary: #6B6258;
  --accent: #D93B45; --accent-ink: #ffffff; --hero-top: #C97952; --hero-bottom: #5B4636; --hero-ink: #FAF3E8;
  --card-border: rgba(42, 37, 32, 0.10); --rule: rgba(42, 37, 32, 0.12);
}
[data-app="pyllar"] {
  --bg: #F6F8FD; --bg-app: #EEF2FA; --text: #121A2E; --text-secondary: #5A6480;
  --accent: #1E4596; --accent-ink: #ffffff; --hero-top: #3B6FD8; --hero-bottom: #0C1630; --hero-ink: #F2F6FF;
  --card-border: rgba(18, 26, 46, 0.10); --rule: rgba(18, 26, 46, 0.12);
}
[data-app="tyde"] {
  --bg: #F7F6FB; --bg-app: #F2F1F8; --text: #17151F; --text-secondary: #6C6885;
  --accent: #E8264A; --accent-ink: #ffffff; --hero-top: #FF6B7A; --hero-bottom: #14121F; --hero-ink: #FBEEF0;
  --card-border: rgba(23, 21, 31, 0.10); --rule: rgba(23, 21, 31, 0.12);
}
[data-app="whispercourt"] {
  --bg: #FBF6EC; --bg-app: #F3EBDC; --text: #2A1F17; --text-secondary: #6E5F4C;
  --accent: #A31C25; --accent-ink: #ffffff; --hero-top: #3A2A1E; --hero-bottom: #16110D; --hero-ink: #E9DCC0;
  --card-border: rgba(42, 31, 23, 0.12); --rule: rgba(42, 31, 23, 0.14);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-app="arkive"] {
    --bg: #1C1A17; --bg-app: #191816; --text: #F2ECE1; --text-secondary: #B4AA9C;
    --accent: #F3666D; --accent-ink: #1C1A17; --hero-top: #8A5236; --hero-bottom: #2A2018;
    --card-border: rgba(242, 236, 225, 0.10); --rule: rgba(242, 236, 225, 0.12);
  }
  :root:not([data-theme="light"])[data-app="pyllar"] {
    --bg: #121826; --bg-app: #0B101B; --text: #EEF2FA; --text-secondary: #9AA6C2;
    --accent: #7FA3F0; --accent-ink: #0B101B; --hero-top: #2A54AE; --hero-bottom: #0B101B;
    --card-border: rgba(238, 242, 250, 0.10); --rule: rgba(238, 242, 250, 0.12);
  }
  :root:not([data-theme="light"])[data-app="tyde"] {
    --bg: #16161F; --bg-app: #0B0B12; --text: #F5F4FB; --text-secondary: #9793B0;
    --accent: #FF3D5A; --hero-top: #A8394A; --hero-bottom: #0B0B12;
    --card-border: rgba(245, 244, 251, 0.10); --rule: rgba(245, 244, 251, 0.12);
  }
  :root:not([data-theme="light"])[data-app="whispercourt"] {
    --bg: #241B14; --bg-app: #16110D; --text: #E9DCC0; --text-secondary: #9C8C73;
    --accent: #D6454E; --accent-ink: #16110D;
    --card-border: rgba(233, 220, 192, 0.12); --rule: rgba(233, 220, 192, 0.14);
  }
}