/* Repack Time Clock — base palette + typography. Component styles live in index.html. */
:root {
  --cream: #FAF6F0;
  --cream-2: #F2EADF;
  --green: #3F6B47;
  --green-dark: #2D5034;
  --green-deep: #1F3D26;
  --cocoa: #3D2914;
  --golden: #E8A33E;
  --terracotta: #B85339;
  --ink: #2A2218;
  --muted: #6B5B4A;
  --line: #E5D9C7;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--cream);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .serif {
  font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

a { color: var(--green); text-decoration: none; }
a:hover { color: var(--green-dark); }