:root {
  --bg-main: #F7F1E5;
  --bg-card: #FFFCF5;
  --bg-card-soft: #FBF4E8;

  --ink-main: #1F2933;
  --ink-muted: #64748B;
  --ink-light: #8A7B68;

  --primary: #1E3A5F;
  --primary-soft: #E6EEF7;
  --primary-deep: #13283F;

  --accent: #B7791F;
  --accent-soft: #FFF3D6;
  --accent-line: #E2B866;

  --border: #D8CBB4;
  --border-strong: #BCA98C;

  --success: #2F6F4E;
  --danger: #9F3A38;

  --shadow-soft: 0 18px 45px rgba(31, 41, 51, 0.10);
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --font-main: Georgia, "Times New Roman", serif;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-devanagari: "Nirmala UI", "Mangal", "Sanskrit 2003", serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top left, rgba(183, 121, 31, 0.14), transparent 34rem),
    linear-gradient(180deg, #F9F3E8 0%, var(--bg-main) 100%);
  color: var(--ink-main);
  font-family: var(--font-ui);
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

.muted {
  color: var(--ink-muted);
}

.card {
  background: rgba(255, 252, 245, 0.96);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}