/* Polaris Clay: shared brand typography and semantic colors. */
@font-face {
  font-family: "Polaris Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/Inter-Latin-Variable.woff2") format("woff2");
}

@font-face {
  font-family: "Polaris Newsreader";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Newsreader-Regular-Latin.woff2") format("woff2");
}

@font-face {
  font-family: "Polaris Lora";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Lora-SemiBoldItalic-Latin.woff2") format("woff2");
}

:root {
  --polaris-bg: #fafaf8;
  --polaris-bg-subtle: #f4f3f0;
  --polaris-bg-muted: #edebe7;
  --polaris-bg-elevated: #ffffff;
  --polaris-text: #2a2724;
  --polaris-text-secondary: #57534c;
  --polaris-text-tertiary: #77726a;
  --polaris-border: #e0ddd7;
  --polaris-border-strong: #c9c5bd;
  --polaris-accent: #b85c3a;
  --polaris-accent-hover: #a04c2f;
  --polaris-accent-foreground: #ffffff;
  --polaris-accent-subtle: #fbf4f0;
  --polaris-accent-text: #a04c2f;
  --polaris-font: "Polaris Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --polaris-font-serif: "Polaris Newsreader", Georgia, "Songti SC", "Noto Serif CJK SC", "SimSun", serif;
  --polaris-font-wordmark: "Polaris Lora", Georgia, serif;
  --polaris-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color-scheme: light;
  background: var(--polaris-bg);
  color: var(--polaris-text);
  font-family: var(--polaris-font);
  font-synthesis: none;
  font-optical-sizing: auto;
  caret-color: var(--polaris-accent-text);
  scrollbar-color: var(--polaris-border-strong) var(--polaris-bg);
}

:root[data-theme="dark"] {
  --polaris-bg: #1a1918;
  --polaris-bg-subtle: #2b2a28;
  --polaris-bg-muted: #33312e;
  --polaris-bg-elevated: #222120;
  --polaris-text: #f3f1ed;
  --polaris-text-secondary: #c4c0b8;
  --polaris-text-tertiary: #9a958c;
  --polaris-border: #3a3835;
  --polaris-border-strong: #514e49;
  --polaris-accent: #e69a78;
  --polaris-accent-hover: #f0b093;
  --polaris-accent-foreground: #271812;
  --polaris-accent-subtle: #35251f;
  --polaris-accent-text: #e69a78;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --polaris-bg: #1a1918;
    --polaris-bg-subtle: #2b2a28;
    --polaris-bg-muted: #33312e;
    --polaris-bg-elevated: #222120;
    --polaris-text: #f3f1ed;
    --polaris-text-secondary: #c4c0b8;
    --polaris-text-tertiary: #9a958c;
    --polaris-border: #3a3835;
    --polaris-border-strong: #514e49;
    --polaris-accent: #e69a78;
    --polaris-accent-hover: #f0b093;
    --polaris-accent-foreground: #271812;
    --polaris-accent-subtle: #35251f;
    --polaris-accent-text: #e69a78;
    color-scheme: dark;
  }
}

::selection {
  background: var(--polaris-accent);
  color: var(--polaris-accent-foreground);
}