:root {
  --ta078a1-color-bg: #fef6f5;
  --ta078a1-color-bg-alt: #f4eceb;
  --ta078a1-color-surface: #fffdfc;
  --ta078a1-color-border: #978e8d;
  --ta078a1-color-text: #050303;
  --ta078a1-color-text-muted: #6c6868;
  --ta078a1-color-primary: #7b2d26;
  --ta078a1-color-primary-hover: #9a4940;
  --ta078a1-color-accent: #81251f;
  --ta078a1-color-accent-hover: #a04239;
  --ta078a1-color-on-primary: #fffbfa;
  --ta078a1-color-focus-ring: #7b2d26;
  --ta078a1-color-selection-bg: #7b2d26;
  --ta078a1-color-selection-text: #fffbfa;
  --ta078a1-color-code-bg: #f4eceb;
  --ta078a1-color-code-text: #050303;
  --ta078a1-color-quote-border: #7b2d26;
  --ta078a1-color-scrim: color-mix(in srgb, var(--ta078a1-color-text) 50%, transparent);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"])   --ta078a1-color-bg: #0c0805;
  --ta078a1-color-bg-alt: #14110d;
  --ta078a1-color-surface: #1b1813;
  --ta078a1-color-border: #605c56;
  --ta078a1-color-text: #83807d;
  --ta078a1-color-text-muted: #83807d;
  --ta078a1-color-primary: #c98a2d;
  --ta078a1-color-primary-hover: #a56c03;
  --ta078a1-color-accent: #cd8814;
  --ta078a1-color-accent-hover: #a56c09;
  --ta078a1-color-on-primary: #312f2d;
  --ta078a1-color-focus-ring: #c98a2d;
  --ta078a1-color-selection-bg: #c98a2d;
  --ta078a1-color-selection-text: #312f2d;
  --ta078a1-color-code-bg: #14110d;
  --ta078a1-color-code-text: #83807d;
  --ta078a1-color-quote-border: #c98a2d;
  --ta078a1-color-scrim: color-mix(in srgb, var(--ta078a1-color-text) 50%, transparent);
}
}
[data-theme="dark"] {
  --ta078a1-color-bg: #0c0805;
  --ta078a1-color-bg-alt: #14110d;
  --ta078a1-color-surface: #1b1813;
  --ta078a1-color-border: #605c56;
  --ta078a1-color-text: #83807d;
  --ta078a1-color-text-muted: #83807d;
  --ta078a1-color-primary: #c98a2d;
  --ta078a1-color-primary-hover: #a56c03;
  --ta078a1-color-accent: #cd8814;
  --ta078a1-color-accent-hover: #a56c09;
  --ta078a1-color-on-primary: #312f2d;
  --ta078a1-color-focus-ring: #c98a2d;
  --ta078a1-color-selection-bg: #c98a2d;
  --ta078a1-color-selection-text: #312f2d;
  --ta078a1-color-code-bg: #14110d;
  --ta078a1-color-code-text: #83807d;
  --ta078a1-color-quote-border: #c98a2d;
  --ta078a1-color-scrim: color-mix(in srgb, var(--ta078a1-color-text) 50%, transparent);
}
:root {
  --ta078a1-font-heading: 'Lora', serif;
  --ta078a1-font-body: 'Inter', sans-serif;
  --ta078a1-type-small: clamp(14px, 0.23vw + 13.3px, 16px);
  --ta078a1-type-body: clamp(16px, 0.23vw + 15.3px, 18px);
  --ta078a1-type-h5: clamp(20px, 0.34vw + 18.9px, 23px);
  --ta078a1-type-h4: clamp(25px, 0.34vw + 23.9px, 28px);
  --ta078a1-type-h3: clamp(31px, 0.45vw + 29.5px, 35px);
  --ta078a1-type-h2: clamp(39px, 0.57vw + 37.2px, 44px);
  --ta078a1-type-h1: clamp(49px, 0.68vw + 46.8px, 55px);
  --ta078a1-fluid-base: 16px;
  --ta078a1-lh-body: 1.7;
  --ta078a1-lh-heading: 1.2;
  --ta078a1-lh-tight: 1.1;
  --ta078a1-tracking-heading: -0.01em;
  --ta078a1-weight-body: 400;
  --ta078a1-weight-heading: 600;
  --ta078a1-weight-display: 700;
}
:root {
  --ta078a1-space-1: 8px;
  --ta078a1-space-2: 12px;
  --ta078a1-space-3: 16px;
  --ta078a1-space-4: 24px;
  --ta078a1-space-5: 32px;
  --ta078a1-space-6: 48px;
  --ta078a1-space-7: 64px;
  --ta078a1-space-8: 96px;
  --ta078a1-radius: 0px;
  --ta078a1-radius-sm: 2px;
  --ta078a1-radius-lg: 0px;
  --ta078a1-radius-pill: 999px;
  --ta078a1-shadow: 0 1px 3px rgba(0,0,0,0.12);
  --ta078a1-shadow-lg: 0 12px 32px rgba(0,0,0,0.22);
  --ta078a1-density: comfortable;
  --ta078a1-content-width: 1200px;
  --ta078a1-content-narrow: 720px;
  --ta078a1-gutter: 16px;
  --ta078a1-header-h: 64px;
  --ta078a1-measure: 68ch;
  --ta078a1-transition: 180ms ease;
  --ta078a1-transition-slow: 320ms ease;
  --ta078a1-lift: translateY(-2px);
}
