/* Dystopian Brand Kit 1.1.1-review. Shared values; no global reset. */
@font-face {
  font-family: "Inter";
  src: url("./assets/Inter-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --dys-brand: #266cb3;
  --dys-brand-hover: #1e5994;
  --dys-brand-pressed: #17487b;
  --dys-cream: #fff3e6;
  --dys-surface: #fffaf1;
  --dys-input: #fffdf8;
  --dys-ink: #0d2442;
  --dys-muted: #596579;
  --dys-navy: #061d38;
  --dys-white: #ffffff;
  --dys-line: #d5dbe1;
  --dys-control-border: #7a8593;
  --dys-selected: #e6eff8;
  --dys-success: #426b13;
  --dys-success-bg: #edf4df;
  --dys-warning: #9a470d;
  --dys-warning-bg: #fff0dc;
  --dys-info: #17487b;
  --dys-info-bg: #e6eff8;
  --dys-member: #263247;
  --dys-member-text: #fff3e6;
  --dys-error: #a62e32;
  --dys-error-bg: #fff0ef;
  --dys-disabled: #e5e8ec;
  --dys-overlay: rgb(6 29 56 / 56%);
  --dys-page: #fffaf1;
  --dys-header: #fff3e6;
  --dys-card: #fffaf1;
  --dys-cover: #fff3e6;
  --dys-link: #17487b;
  --dys-focus: #266cb3;
  --dys-tooltip-bg: #0d2442;
  --dys-tooltip-text: #ffffff;
  --dys-font-ui: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  --dys-font-display: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
  --dys-text-caption: .75rem;
  --dys-text-small: .875rem;
  --dys-text-body: 1rem;
  --dys-text-card: 1.125rem;
  --dys-text-section: 1.625rem;
  --dys-text-page: 2.25rem;
  --dys-line-body: 1.6;
  --dys-line-heading: 1.18;
  --dys-letter-spacing: 0;
  --dys-space-1: .25rem;
  --dys-space-2: .5rem;
  --dys-space-3: .75rem;
  --dys-space-4: 1rem;
  --dys-space-6: 1.5rem;
  --dys-space-8: 2rem;
  --dys-space-12: 3rem;
  --dys-space-16: 4rem;
  --dys-radius-small: 4px;
  --dys-radius: 8px;
  --dys-radius-shell: 16px;
  --dys-control-min: 2.75rem;
  --dys-reading-width: 68ch;
  --dys-shadow-card: none;
  --dys-shadow-raised: 0 8px 24px rgb(0 0 0 / 13%);
  --dys-shadow-dialog: 0 20px 64px rgb(0 0 0 / 24%);
  --dys-focus-width: 3px;
  --dys-focus-offset: 3px;
  --dys-duration-fast: 160ms;
  --dys-duration-overlay: 220ms;
  --dys-ease: cubic-bezier(.2, 0, 0, 1);
  --dys-layer-sticky: 10;
  --dys-layer-menu: 20;
  --dys-layer-overlay: 40;
  --dys-layer-dialog: 50;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --dys-page: #111315;
  --dys-header: #202429;
  --dys-surface: #1a1d21;
  --dys-card: #24282d;
  --dys-cover: #30353b;
  --dys-input: #191c20;
  --dys-ink: #f5efe7;
  --dys-muted: #b7bcc4;
  --dys-line: #444a53;
  --dys-control-border: #8b96a3;
  --dys-selected: #203c57;
  --dys-link: #93c7fa;
  --dys-focus: #93c7fa;
  --dys-success: #c6e8a4;
  --dys-success-bg: #2a4229;
  --dys-warning: #ffd3a1;
  --dys-warning-bg: #543623;
  --dys-info: #b1d8ff;
  --dys-info-bg: #203c57;
  --dys-member: #48423a;
  --dys-member-text: #f6dec2;
  --dys-error: #ffb5ae;
  --dys-error-bg: #492d2e;
  --dys-disabled: #30353b;
  --dys-overlay: rgb(0 0 0 / 72%);
  --dys-tooltip-bg: #f5efe7;
  --dys-tooltip-text: #111315;
  --dys-shadow-card: none;
  --dys-shadow-raised: 0 8px 24px rgb(0 0 0 / 16%);
  --dys-shadow-dialog: 0 20px 64px rgb(0 0 0 / 28%);
}

@media (max-width: 767px) {
  :root {
    --dys-text-section: 1.5rem;
    --dys-text-page: 1.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dys-duration-fast: 0ms;
    --dys-duration-overlay: 0ms;
  }
}