/* Kiln tokens — source: app/src/index.css (VectorFoundry UX Standard v1.1, §4 and §21). */
:root {
  --vf-bg: #f7f6f2;
  --vf-surface: #ffffff;
  --vf-surface-subtle: #fbfaf6;
  --vf-text: #24221d;
  --vf-text-muted: #615d53;
  --vf-border: rgba(60,50,30,.11);
  --vf-border-strong: rgba(60,50,30,.17);
  --vf-border-control: #8c8578;

  --vf-accent: #0c6b63;
  --vf-accent-hover: #095049;
  --vf-accent-subtle: #e7f2f0;
  --vf-on-accent: #ffffff;
  --vf-success: #15773a;
  --vf-success-bg: #e9f5ee;
  --vf-warning: #9a5b00;
  --vf-warning-bg: #fbf3e4;
  --vf-danger: #ba2e28;
  --vf-danger-bg: #fbebea;

  /* Not a Kiln pack token: the destructive button's hover red, from
     an earlier spec's review. Kept here, not in the pack's own copy,
     because "no raw hex colour outside tokens.css" (spec 27, Part A)
     needs it to live in a tokens file, and this app's own copy is
     where an app-specific addition belongs. */
  --vf-danger-hover: #8f231e;
}
