/*
  Here I am — shared design tokens
  Palette: a warm evening rather than the usual cream+terracotta AI default.
*/
:root {
  --ink: #211f35;         /* deep warm indigo — background */
  --ink-soft: #2c2a47;    /* raised surfaces on indigo */
  --parchment: #f6ede0;   /* photo card / paper */
  --parchment-dim: #e9ddc9;
  --marigold: #e8a33d;    /* primary accent — the button */
  --marigold-deep: #c9832a;
  --rose: #e4767a;        /* secondary accent — warmth, small details */
  --sage: #7c9070;        /* confirmation / success */
  --charcoal: #2b2a2e;    /* text on parchment */
  --mist: #a9a6c4;        /* muted text on indigo */

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-lg: 28px;
  --radius-md: 16px;
  --shadow-deep: 0 24px 60px -20px rgba(0, 0, 0, 0.55);
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
button {
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}