/*
 * Shared light theme for humandesign88.vedware.com.
 *
 * The values come straight from the app's design tokens (src/theme/colors.ts):
 * the page gradient is cream -> parchment, cards are the app's `card` token
 * (warm white, radius.lg, the same shadow), and accents are gold600 / gold700.
 * The app is userInterfaceStyle: light, so the site commits to light too —
 * there is deliberately no prefers-color-scheme block.
 */
:root {
  color-scheme: light;

  --bg-from: #f8f3ea;        /* pageGradient[0] */
  --bg-to: #ede3d1;          /* pageGradient[1] */
  --surface: #fffcf6;        /* card */
  --surface-tint: #f9f1e1;   /* gold50 */

  --text: #261f19;           /* gray800 */
  --body: #3d342b;           /* gray700 */
  --muted: #6f6252;          /* gray500 */

  --accent: #80591f;         /* gold600 */
  --accent-strong: #634419;  /* gold700 */
  --grad-from: #946a2b;      /* accentGradient[0] */
  --grad-to: #634419;        /* gold700 */

  --border: #e3d9c9;         /* gray200 */
  --border-tint: #d4b274;    /* gold300 */

  --radius: 0.75rem;         /* radius.lg = 12 */
  --radius-lg: 1rem;         /* radius.xl = 16 */
  --shadow: 0 4px 12px rgba(92, 69, 38, 0.12);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--body);
  background: linear-gradient(135deg, var(--bg-from), var(--bg-to)) fixed;
  min-height: 100vh;
}

h1,
h2,
h3 {
  color: var(--text);
}

a {
  color: var(--accent);
}

.card {
  background: var(--surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: 1.25rem 1.35rem;
}