@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  /* Color ramps */
  --green-900:#1B4E20;--green-800:#256B29;--green-700:#2E7D32;--green-600:#388E3C;--green-500:#43A047;--green-400:#66BB6A;--green-300:#8FD09B;--green-100:#E4F3E5;--green-50:#F1F9F1;
  --yellow-800:#B7791F;--yellow-700:#D89A1E;--yellow-600:#F9A825;--yellow-500:#FBC02D;--yellow-300:#FDE28A;--yellow-100:#FEF6DC;
  --red-700:#B7231C;--red-600:#E53935;--red-100:#FDE7E6;
  --ink-900:#1A2226;--ink-800:#263238;--ink-600:#4B5B60;--ink-400:#78868B;--ink-300:#9FADB2;
  --neutral-50:#F7F9F8;--neutral-100:#EEF2F0;--neutral-200:#E5E7EB;--neutral-0:#FFFFFF;

  /* Brand sub-line accent colors (demo-only, not in original tokens) */
  --brand-fuwa3e:#2E7D32;
  --brand-pineboo:#F9A825;
  --brand-fuselab:#2F9E8F;
  --brand-carfresh:#3B6FD1;

  --color-primary:var(--green-700);--color-primary-hover:var(--green-800);--color-primary-active:var(--green-900);--color-primary-tint:var(--green-50);--color-primary-tint-strong:var(--green-100);
  --color-secondary:var(--yellow-600);--color-secondary-hover:var(--yellow-700);--color-secondary-tint:var(--yellow-100);
  --color-accent:var(--green-400);
  --color-success:var(--green-500);--color-success-tint:var(--green-100);
  --color-warning:var(--yellow-500);--color-warning-tint:var(--yellow-100);
  --color-danger:var(--red-600);--color-danger-tint:var(--red-100);--color-danger-hover:var(--red-700);

  --bg-app:var(--neutral-50);--bg-surface:var(--neutral-0);--bg-surface-sunken:var(--neutral-100);
  --text-primary:var(--ink-800);--text-secondary:var(--ink-600);--text-tertiary:var(--ink-400);--text-on-primary:#FFFFFF;--text-on-dark:#F2F6F3;
  --border-default:var(--neutral-200);--border-strong:#CBD3D6;
  --focus-ring:rgba(46,125,50,0.18);

  /* Typography */
  --font-display:'Plus Jakarta Sans','Inter',-apple-system,sans-serif;
  --font-body:'Inter','Plus Jakarta Sans',-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  --text-display-xl:44px;--text-display-lg:34px;--text-display-md:26px;
  --text-heading-lg:22px;--text-heading-md:18px;--text-heading-sm:15.5px;
  --text-body-lg:15px;--text-body-md:13.5px;--text-body-sm:12.5px;--text-caption:11.5px;

  --leading-tight:1.2;--leading-normal:1.45;--leading-relaxed:1.65;
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;

  /* Spacing / radius */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;

  --radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:100px;
  --sidebar-width:264px;--content-max:1400px;

  /* Effects */
  --shadow-xs:0 1px 2px rgba(26,34,38,0.05);
  --shadow-sm:0 2px 6px rgba(26,34,38,0.06);
  --shadow-md:0 8px 20px rgba(26,34,38,0.08);
  --shadow-lg:0 16px 40px rgba(26,34,38,0.12);
  --shadow-focus:0 0 0 3px var(--focus-ring);

  --ease-standard:cubic-bezier(.4,0,.2,1);
  --duration-fast:150ms;--duration-base:200ms;--duration-slow:250ms;

  /* Demo-only */
  --phone-width:390px;--phone-height:844px;
}