:root {
  --c-surface: #FFFFFF;
  --c-surface-rgb: 255 255 255;
  --c-surface-muted: #F5F1E8;
  --c-surface-muted-rgb: 245 241 232;
  --c-surface-elevated: #FFFFFF;
  --c-surface-elevated-rgb: 255 255 255;
  --c-backdrop: rgba(15, 23, 42, 0.45);

  --c-text: #0F172A;
  --c-text-rgb: 15 23 42;
  --c-text-muted: #64748B;
  --c-text-muted-rgb: 100 116 139;
  --c-text-sub: #334155;
  --c-text-sub-rgb: 51 65 85;
  --c-text-inverted: #FFFFFF;
  --c-text-inverted-rgb: 255 255 255;

  --c-border: #E7DED1;
  --c-border-rgb: 231 222 209;

  --c-accent: #2563EB;
  --c-accent-rgb: 37 99 235;
  --c-accent-2: #0EA5E9;
  --c-accent-2-rgb: 14 165 233;
  --c-accent-brass: #C8A24D;
  --c-accent-brass-rgb: 200 162 77;

  --c-success: #16A34A;
  --c-success-rgb: 22 163 74;
  --c-warn: #F59E0B;
  --c-warn-rgb: 245 158 11;
  --c-danger: #DC2626;
  --c-danger-rgb: 220 38 38;

  --sand: var(--c-surface-muted);
  --sand-2: #EFE6D9;
  --sand-2-rgb: 239 230 217;
  --ink: var(--c-text);
  --muted: var(--c-text-muted);
  --brass: var(--c-accent-brass);
  --teal: #0F766E;
  --teal-rgb: 15 118 110;
  --danger: var(--c-danger);
  --line: var(--c-border);
}