/* Business Apostle - Money Diagnostics : design tokens */
:root {
  color-scheme: light;

  --ink: #16202c;
  --ink-soft: #4a5563;
  --navy: #0f2a43;
  --navy-dark: #0a1e30;
  --green: #1a6f47;
  --green-dark: #145637;
  --green-tint: #e7f2ec;
  --amber: #96580a;
  --amber-tint: #fdf1de;
  --red: #a92318;
  --red-tint: #fbe9e7;
  --bg: #f6f5f2;
  --surface: #ffffff;
  --surface-alt: #f1f0ec;
  --border: #d5d8dd;
  --border-strong: #9aa2ad;
  --focus: #0b57d0;

  --chart-1: #0f2a43; /* essentials      */
  --chart-2: #1a6f47; /* savings/investing */
  --chart-3: #96580a; /* flexible        */
  --chart-4: #6b4fa1; /* debt payments   */
  --chart-5: #2f7d95; /* surplus         */

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --shadow-sm: 0 1px 2px rgba(16, 32, 44, 0.06);
  --shadow: 0 2px 8px rgba(16, 32, 44, 0.08);

  --measure: 68ch;
  --tap: 44px;
}