/*
  Coaching with Anna — brand tokens.
  Colors are close reads picked from the client's reference mockups
  (materials/Page *.png) and the logo file. Update values here to
  restyle the whole site from one place.
*/

:root {
  /* Backgrounds */
  --color-cream: #faf3ea;
  --color-cream-alt: #f7efe3;
  --color-card: #f0e4d6;
  --color-tan: #d8c4ac;
  --color-tan-dark: #cbb59a;
  --color-charcoal: #302a26;

  /* Brand marks */
  --color-bronze: #8a5a34;
  --color-brown: #3b2a20;
  --color-brown-dark: #2e2018;
  --color-rust: #b5652e;
  --color-rust-dark: #96501f;
  --color-gold: #c79a5d;
  --color-gold-dark: #ab7f47;

  /* Text */
  --color-text: #241e1a;
  --color-text-muted: #6b5d50;
  --color-text-on-dark: #f5ece0;

  /* Utility */
  --color-white: #ffffff;
  --color-border: #e6d9c8;
  --color-icon-fill: #e3d5c4;

  /* Type */
  --font-display: "Playfair Display", "Iowan Old Style", serif;
  --font-body: "Jost", "Helvetica Neue", sans-serif;

  /* Elevation — layered, brown-tinted shadows (never flat) */
  --shadow-sm: 0 1px 2px rgba(59, 42, 32, 0.06), 0 2px 8px rgba(59, 42, 32, 0.05);
  --shadow-md: 0 4px 10px rgba(59, 42, 32, 0.08), 0 12px 28px rgba(59, 42, 32, 0.08);
  --shadow-lg: 0 8px 20px rgba(59, 42, 32, 0.1), 0 24px 48px rgba(59, 42, 32, 0.12);

  /* Spacing tokens */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;
}