/*
  TapYes paper. Tokens only. Harbor structure, pine Yes.
  Paper #F3EEE6, ink #161411, pine #14352C.
*/

[data-spore="a"] {
  --spore-scheme: light;

  --spore-bg: #f3eee6;
  --spore-fg: #161411;
  --spore-surface: #ebe4d8;
  --spore-surface-hover: #e2d9cb;
  --spore-surface-fg: #161411;
  --spore-muted: #e6dece;
  --spore-muted-fg: #6a645a;

  --spore-accent: #14352c;
  --spore-accent-fg: #f3eee6;
  --spore-accent-hover: #0f2922;

  --spore-border: #8a7349;

  --spore-success-bg: #e4f3ea;
  --spore-success-border: #1b7a5c;
  --spore-success-text: #0c4a36;
  --spore-warning-bg: #f8edd4;
  --spore-warning-border: #9a6700;
  --spore-warning-text: #7c3d0a;
  --spore-error-bg: #f6e2df;
  --spore-error-border: #b03a22;
  --spore-error-text: #8b2e2e;
  --spore-info-bg: #e4eef6;
  --spore-info-border: #4a5568;
  --spore-info-text: #163954;
  --spore-caution-bg: #f3eed8;
  --spore-caution-border: #8a7349;
  --spore-caution-text: #5c4a12;

  --spore-ring: #161411;
  --spore-ring-width: 2px;
  --spore-ring-offset: 3px;

  --spore-glow: 0 8px 24px rgb(20 53 44 / 0.18);
  --spore-mesh-opacity: 0.35;

  --spore-radius-none: 0px;
  --spore-radius-sm: 8px;
  --spore-radius-md: 10px;
  --spore-radius-lg: 12px;
  --spore-radius-pill: 999px;
  --spore-radius-control: var(--spore-radius-sm);
  --spore-radius-panel: var(--spore-radius-md);
  --spore-radius-inner: max(0px, calc(var(--spore-radius-panel) - var(--spore-space-2)));

  --spore-font-display: "Spore Inter", "Spore Inter Fallback", "Segoe UI", "Helvetica Neue", Roboto, "Noto Sans", Arial, sans-serif;
  --spore-font-body: "Spore Inter", "Spore Inter Fallback", "Segoe UI", "Helvetica Neue", Roboto, "Noto Sans", Arial, sans-serif;
  --spore-font-label: "Spore Inter", "Spore Inter Fallback", "Segoe UI", "Helvetica Neue", Roboto, "Noto Sans", Arial, sans-serif;
  --spore-font-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, Menlo, monospace;

  --spore-text-xs: 0.75rem;
  --spore-text-sm: 0.8125rem;
  --spore-text-md: 1rem;
  --spore-text-lg: 1.1875rem;
  --spore-text-xl: 1.5rem;
  --spore-text-2xl: 1.875rem;
  --spore-leading-tight: 1.2;
  --spore-leading-snug: 1.35;
  --spore-leading-normal: 1.5;
  --spore-weight-regular: 400;
  --spore-weight-medium: 500;
  --spore-weight-label: 600;
  --spore-weight-display: 650;
  --spore-weight-bold: 700;
  --spore-tracking-display: -0.022em;
  --spore-tracking-label: 0.06em;
  --spore-tracking-body: 0em;

  --spore-space-1: 0.25rem;
  --spore-space-2: 0.5rem;
  --spore-space-3: 0.75rem;
  --spore-space-4: 1rem;
  --spore-space-5: 1.25rem;
  --spore-space-6: 1.5rem;
  --spore-space-7: 1.75rem;
  --spore-space-8: 2rem;
}

html[data-theme="dark"] [data-spore="a"]:not([data-theme="light"]),
[data-spore="a"][data-theme="dark"] {
  --spore-scheme: dark;

  --spore-bg: #12110e;
  --spore-fg: #f3eee6;
  --spore-surface: #1c1a16;
  --spore-surface-hover: #2a261f;
  --spore-surface-fg: #f3eee6;
  --spore-muted: #1c1a16;
  --spore-muted-fg: #a39b8f;

  --spore-accent: #f3eee6;
  --spore-accent-fg: #14352c;
  --spore-accent-hover: #ebe4d8;

  --spore-border: #3a362f;

  --spore-success-bg: #163328;
  --spore-success-border: #3aa67e;
  --spore-success-text: #c8f0dc;
  --spore-warning-bg: #3a2a12;
  --spore-warning-border: #d4a04a;
  --spore-warning-text: #f3d7a8;
  --spore-error-bg: #3a1a18;
  --spore-error-border: #e07a58;
  --spore-error-text: #f8d4d0;
  --spore-info-bg: #162433;
  --spore-info-border: #8a9bb0;
  --spore-info-text: #cfe4f4;
  --spore-caution-bg: #332c14;
  --spore-caution-border: #c4a36a;
  --spore-caution-text: #efe4b0;

  --spore-ring: #f3eee6;

  --spore-glow: 0 8px 28px rgb(243 238 230 / 0.12);
}

@media (forced-colors: active) {
  [data-spore="a"],
  html[data-theme="dark"] [data-spore="a"] {
    --spore-glow: none !important;
    --spore-mesh-opacity: 0;
  }
}