/* over.coffee — design tokens (v2, matched to brand sheet) */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@400;500&display=swap');

:root {
  /* core palette */
  --espresso:   #3B2A20;
  --espresso-2: #5a4536;
  --espresso-3: #8a7565;
  --oat:        #F6F2EB;
  --oat-2:      #ECE5D8;
  --oat-3:      #DCD2BF;
  --latte:      #C8A47E;
  --latte-2:    #b08c66;
  --latte-3:    #e8d6bd;

  /* role tokens */
  --bg:        var(--oat);
  --bg-2:      var(--oat-2);
  --ink:       var(--espresso);
  --ink-mute:  var(--espresso-3);
  --accent:    var(--latte);
  --line:      rgba(59, 42, 32, 0.12);

  /* type */
  --sans: 'DM Sans', system-ui, -apple-system, sans-serif;
  --mono: 'DM Mono', ui-monospace, monospace;

  /* radii */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
}

.upper { text-transform: uppercase; letter-spacing: 0.18em; }
.mono  { font-family: var(--mono); }
.sans  { font-family: var(--sans); }