:root {
  --cream: #FFFDF8;
  --white: #FFFFFF;
  --soft: #F5F7F4;
  --sand: #F7EFE4;
  --mint: #DDEFE9;

  --ink: #1E2A2A;
  --muted: #647070;

  --navy: #174141;
  --navy-dark: #0F2F2F;
  --teal: #225C5C;
  --sage: #8EB8A5;

  --gold: #D6B76A;
  --coral: #E98473;
  --blush: #F7D8D0;
  --line: #D9E2DD;

  --btn-bg: #174141;
  --btn-bg-hover: #0F2F2F;
  --btn-text: #FFFFFF;

  --font-head: 'Fraunces', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;

  --shadow-sm: 0 1px 3px rgba(30, 42, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(30, 42, 42, 0.06);
  --shadow-lg: 0 12px 32px rgba(30, 42, 42, 0.08);

  --container: 1200px;
  --container-narrow: 760px;
}