/* Meridian literary layer over the native New API interface.
   Claude (Anthropic) palette, lining numerals, enlarged verses.
   Native navigation, forms and payment handlers stay in charge. */

/* ---------- Typography ---------- */
:root {
  --font-sans: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua",
    "Times New Roman", Georgia, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Noto Sans CJK SC", sans-serif;
}
body, button, input, select, textarea {
  font-family: var(--font-sans);
  /* Lining figures: digits share the cap height instead of sinking below the baseline. */
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
}
pre, code, kbd, samp, [class~="font-mono"] {
  font-family: ui-monospace, "Cascadia Code", "SF Mono", SFMono-Regular, Consolas,
    "Liberation Mono", Menlo, monospace;
  font-feature-settings: normal;
  font-variant-numeric: normal;
}
h1.font-mono, h2.font-mono, h3.font-mono { font-family: var(--font-sans); }
h1, h2, h3 { text-wrap: balance; }
table { font-variant-numeric: lining-nums tabular-nums; }

/* ---------- Claude palette ---------- */
:root {
  --background: #faf9f5;
  --foreground: #1f1e1d;
  --card: #ffffff;
  --card-foreground: #1f1e1d;
  --popover: #ffffff;
  --popover-foreground: #1f1e1d;
  --primary: #c96442;
  --primary-foreground: #ffffff;
  --secondary: #f0eee6;
  --secondary-foreground: #3d3d3a;
  --muted: #f0eee6;
  --muted-foreground: #6e6b63;
  --accent: #edeae0;
  --accent-foreground: #1f1e1d;
  --destructive: #c0392b;
  --destructive-foreground: #ffffff;
  --border: #e5e1d6;
  --input: #d9d3c5;
  --ring: #d97757;
  --chart-1: #d97757;
  --chart-2: #7e9680;
  --chart-3: #d4a27f;
  --chart-4: #6a9bcc;
  --chart-5: #c2a878;
  --sidebar: #f5f3ec;
  --sidebar-foreground: #3d3d3a;
  --sidebar-primary: #c96442;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #edeae0;
  --sidebar-accent-foreground: #1f1e1d;
  --sidebar-border: #e5e1d6;
  --sidebar-ring: #d97757;
  --radius: 0.75rem;
}
.dark,
[data-theme="dark"] {
  --background: #262624;
  --foreground: #f0eee6;
  --card: #30302e;
  --card-foreground: #f0eee6;
  --popover: #30302e;
  --popover-foreground: #f0eee6;
  --primary: #d97757;
  --primary-foreground: #ffffff;
  --secondary: #3a3936;
  --secondary-foreground: #e8e2d5;
  --muted: #35342f;
  --muted-foreground: #a8a294;
  --accent: #3a3936;
  --accent-foreground: #f0eee6;
  --destructive: #e5645a;
  --destructive-foreground: #ffffff;
  --border: #3b3a35;
  --input: #45443e;
  --ring: #d97757;
  --chart-1: #e2926f;
  --chart-2: #9db89b;
  --chart-3: #e3b58b;
  --chart-4: #7fa8ce;
  --chart-5: #c9a87c;
  --sidebar: #2e2d2b;
  --sidebar-foreground: #e5e1d6;
  --sidebar-primary: #d97757;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #3a3936;
  --sidebar-accent-foreground: #f0eee6;
  --sidebar-border: #3b3a35;
  --sidebar-ring: #d97757;
}
::selection { background: rgba(217, 119, 87, .24); }

/* Hero / CTA gradient headlines move from blue-violet to Claude terracotta. */
.text-transparent.bg-clip-text {
  background-image: linear-gradient(115deg, #b8542f, #d97757 55%, #cf9a6a);
}
.dark .text-transparent.bg-clip-text,
[data-theme="dark"] .text-transparent.bg-clip-text {
  background-image: linear-gradient(115deg, #e08b64, #d97757 50%, #e6c29b);
}

/* ---------- Verses (slightly enlarged) ---------- */
.meridian-verse {
  margin: 1.5rem 0 1.6rem;
  padding: .15rem 0 .15rem 1.05rem;
  border-left: 2px solid rgba(217, 119, 87, .55);
  color: #6d6152;
  max-width: 44rem;
  font-family: "Kaiti SC", STKaiti, KaiTi, "Noto Serif CJK SC", "Songti SC", SimSun, serif;
  text-wrap: pretty;
}
.meridian-verse p {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: .06em;
}
.meridian-verse cite {
  display: block;
  margin-top: .4rem;
  color: #8d8477;
  font-size: .78rem;
  line-height: 1.6;
  font-style: normal;
  letter-spacing: .05em;
}
.dark .meridian-verse,
[data-theme="dark"] .meridian-verse {
  color: #cdc3b2;
  border-left-color: rgba(217, 119, 87, .5);
}
.dark .meridian-verse cite,
[data-theme="dark"] .meridian-verse cite { color: #a29a8d; }
.meridian-verse--auth { margin: 1rem 0 1.3rem; }
.meridian-verse--auth p { font-size: 1.02rem; }
.meridian-verse--pricing {
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  border-left: 0;
}
.meridian-verse--pricing::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1px;
  margin: .8rem auto 0;
  background: rgba(217, 119, 87, .55);
}
@media (max-width: 640px) {
  .meridian-verse { margin: 1.2rem 0; padding-left: .85rem; }
  .meridian-verse p { font-size: 1.05rem; letter-spacing: .04em; }
  .meridian-verse cite { font-size: .74rem; }
  .meridian-verse--auth p { font-size: .98rem; }
}