/* ============================================================
   Tara Solen — shared design tokens
   Used by every page; page-specific CSS adds component styles.
   ============================================================ */

:root {
  /* Surface */
  --t-ink: #0d0d1a;
  --t-surface: #171728;
  --t-surface-2: #22223a;

  /* Text */
  --t-cream: #f5efe6;
  --t-muted: rgba(245, 239, 230, .72);
  --t-muted-2: rgba(245, 239, 230, .52);
  --t-faint: rgba(245, 239, 230, .3);

  /* Accent */
  --t-gold: #c8914a;
  --t-gold-light: #e5b574;
  --t-teal: #1bbfbf;
  --t-teal-light: #4dd4d4;
  --t-teal-soft: rgba(27, 191, 191, .12);
  --t-teal-border: rgba(27, 191, 191, .28);
  --t-coral: #d96b6b;
  --t-plum: #8a3f72;

  /* Gradients */
  --t-gold-grad: linear-gradient(135deg, #c8914a 0%, #e5b574 55%, #c8914a 100%);
  --t-teal-grad: linear-gradient(135deg, #1bbfbf 0%, #4dd4d4 100%);
  --t-hero-grad: linear-gradient(160deg, #0d0d1a 0%, #14142a 50%, #1c1c32 100%);

  /* Type */
  --t-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --t-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --t-italic: 'Cormorant Garamond', Georgia, serif;

  /* Layout */
  --t-shadow: 0 20px 60px rgba(0, 0, 0, .32);
  --t-radius: 18px;
}

/* Reset / base */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--t-ink);
  color: var(--t-cream);
  font-family: var(--t-sans);
  font-size: 17px;
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}