/* static/css/tokens.css */
:root {
  /* Surface */
  --surface:        #fff8f1;
  --surface-raised: #fff;
  --surface-sunken: #fcf1e4;

  /* Ink */
  --ink:        #3a2f23;
  --ink-muted:  #8c7a65;
  --ink-subtle: #b8a88d;

  /* Accent — warm terracotta */
  --accent:       #c4693a;
  --accent-rgb:   196, 105, 58;
  --accent-hover: #a8532a;
  --accent-soft:  #fdecd9;

  /* Border */
  --border:        #e9d7bf;
  --border-strong: #d4bc9a;

  /* Semantic */
  --warn:         #c09030;
  --warn-soft:    #faedd0;
  --success:      #4f7a3a;
  --success-soft: #e8f0dd;
  --error:        #a73a2a;
  --error-soft:   #f7dedb;
  --info:         #3a6a8c;
  --info-soft:    #dde8f2;

  /* Typography */
  --font-ui:    'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --font-serif: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
}