/* Shared appearance for kijoon and its House studio. */
:root {
  color-scheme: light;
  --primary: #a32670;
  --sky: #081a3a;
  --sky-elevated: #102a56;
  --magenta: #ad2e7a;
  --purple: #6741a5;
  --blue: #235284;
  --orange: #b04a00;
  --positive: #20774a;
  --danger: #b3261e;
  --page: #f7f8fa;
  --card: #fff;
  --field: #eff1f5;
  --quiet: #f1f3f7;
  --stroke: #dee1e7;
  --text: #18202b;
  --muted: #687180;
  --shadow: 0 10px 34px rgb(20 32 52 / 7%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--page);
  font-synthesis: none;
}

:root[data-theme="light"] { color-scheme: light; --magenta: #ad2e7a; --purple: #6741a5; --blue: #235284; --orange: #b04a00; --positive: #20774a; --danger: #b3261e; --page: #f7f8fa; --card: #fff; --field: #eff1f5; --quiet: #f1f3f7; --stroke: #dee1e7; --text: #18202b; --muted: #687180; --shadow: 0 10px 34px rgb(20 32 52 / 7%); }
:root[data-theme="dark"] { color-scheme: dark; --magenta: #f459ac; --purple: #a97ae8; --blue: #64a7e5; --orange: #ff9a45; --positive: #5bd289; --danger: #ff6b6b; --page: #08121e; --card: #112030; --field: #162a3d; --quiet: #152536; --stroke: #2f4050; --text: #f1f5f8; --muted: #a4afba; --shadow: 0 10px 34px rgb(0 0 0 / 18%); }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark; --magenta: #f459ac; --purple: #a97ae8; --blue: #64a7e5; --orange: #ff9a45; --positive: #5bd289; --danger: #ff6b6b; --page: #08121e; --card: #112030; --field: #162a3d; --quiet: #152536; --stroke: #2f4050; --text: #f1f5f8; --muted: #a4afba; --shadow: 0 10px 34px rgb(0 0 0 / 18%); }
}