/* fini-proof:finipe-tokens source=finipe/src/styles/tokens.css commit=acbda30fa sha256=e72114ea8dde6f57fe9e514afe0cfbde937717b7fa29df1ea52ed05e9db1a3be */
/**
 * GENERATED FILE — DO NOT EDIT.
 *
 * Source:    design-tokens/core.json + design-tokens/semantic.json (W3C DTCG)
 * Generator: design-tokens/build.mjs (Style Dictionary v4)
 * Rebuild:   npm run tokens:build
 * Gate:      npm run lint:tokens-drift  (fails if this file drifts from a fresh build)
 *
 * Every FINIPE design token as a CSS custom property. Import once, then
 * write var(--fnp-status-success-bg) instead of a hex — in app CSS, in CSS
 * modules, and in the design artboards, so a design and the app it describes
 * read the SAME variable.
 *
 * Theme-paired tokens (shadows, chart chrome, the grounds and the text ramp)
 * are ONE variable each: light in :root, dark re-declared below. A consumer
 * never branches on the theme itself.
 */

:root {
  --fnp-action-group-gap: 8px;
  --fnp-action-group-size: medium;
  --fnp-action-group-variant: outlined;
  --fnp-blur-backdrop: 4px;
  --fnp-blur-card: 6px;
  --fnp-border-brand: #c7d2fe;
  --fnp-border-default: #e2e8f0;
  --fnp-border-on-dark: rgba(255, 255, 255, 0.10);
  --fnp-border-on-light: rgba(15, 23, 42, 0.10);
  --fnp-border-soft: #f1f5f9;
  --fnp-border-strong: #cbd5e1;
  --fnp-breakpoint-2xl: 1920px;
  --fnp-breakpoint-lg: 1200px;
  --fnp-breakpoint-md: 900px;
  --fnp-breakpoint-sm: 600px;
  --fnp-breakpoint-xl: 1536px;
  --fnp-breakpoint-xs: 0px;
  --fnp-channel-agent-bg: #f0fdfa;
  --fnp-channel-agent-border: #99f6e4;
  --fnp-channel-agent-fg: #0f766e;
  --fnp-channel-agent-solid: #14b8a6;
  --fnp-channel-aggregator-bg: #fff7ed;
  --fnp-channel-aggregator-border: #fed7aa;
  --fnp-channel-aggregator-fg: #c2410c;
  --fnp-channel-aggregator-solid: #f97316;
  --fnp-channel-ai-chat-bg: #f5f3ff;
  --fnp-channel-ai-chat-border: #ddd6fe;
  --fnp-channel-ai-chat-fg: #5b21b6;
  --fnp-channel-ai-chat-solid: #7c3aed;
  --fnp-channel-mobile-bg: #eef2ff;
  --fnp-channel-mobile-border: #c7d2fe;
  --fnp-channel-mobile-fg: #4338ca;
  --fnp-channel-mobile-solid: #6366f1;
  --fnp-channel-pos-bg: #eef2ff;
  --fnp-channel-pos-border: #c7d2fe;
  --fnp-channel-pos-fg: #2740aa;
  --fnp-channel-pos-solid: #4361ee;
  --fnp-channel-qr-bg: #ecfeff;
  --fnp-channel-qr-border: #a5f3fc;
  --fnp-channel-qr-fg: #0e7490;
  --fnp-channel-qr-solid: #06b6d4;
  --fnp-channel-storefront-bg: #ecfdf5;
  --fnp-channel-storefront-border: #a7f3d0;
  --fnp-channel-storefront-fg: #047857;
  --fnp-channel-storefront-solid: #10b981;
  --fnp-channel-walk-in-bg: #f8fafc;
  --fnp-channel-walk-in-border: #e2e8f0;
  --fnp-channel-walk-in-fg: #334155;
  --fnp-channel-walk-in-solid: #64748b;
  --fnp-channel-web-bg: #f0f9ff;
  --fnp-channel-web-border: #bae6fd;
  --fnp-channel-web-fg: #0369a1;
  --fnp-channel-web-solid: #0ea5e9;
  --fnp-channel-whatsapp-bg: #ecfdf5;
  --fnp-channel-whatsapp-border: #a7f3d0;
  --fnp-channel-whatsapp-fg: #047857;
  --fnp-channel-whatsapp-solid: #10b981;
  --fnp-chart-axis-label: #64748b;
  --fnp-chart-categorical: #4361ee, #10b981, #f59e0b, #0ea5e9, #7c3aed, #ec4899, #14b8a6, #06b6d4, #f97316, #84cc16, #f43f5e, #a855f7;
  --fnp-chart-categorical-muted: #a5b4fc, #6ee7b7, #fcd34d, #7dd3fc, #c4b5fd, #f9a8d4, #5eead4, #67e8f9, #fdba74, #bef264, #fda4af, #d8b4fe;
  --fnp-chart-categorical-soft: #e0e7ff, #d1fae5, #fef3c7, #e0f2fe, #ede9fe, #fce7f3, #ccfbf1, #cffafe, #ffedd5, #ecfccb, #ffe4e6, #f3e8ff;
  --fnp-chart-diverging: #dc2626, #f87171, #fecaca, #f1f5f9, #a7f3d0, #34d399, #059669;
  --fnp-chart-grid: #f1f5f9;
  --fnp-chart-sequential: #e0e7ff, #c7d2fe, #a5b4fc, #6b83f4, #4361ee, #3451d1, #2740aa, #1e2d6b;
  --fnp-chart-tooltip-bg: #0f172a;
  --fnp-color-ai-100: #ede9fe;
  --fnp-color-ai-200: #ddd6fe;
  --fnp-color-ai-300: #c4b5fd;
  --fnp-color-ai-400: #a78bfa;
  --fnp-color-ai-50: #f5f3ff;
  --fnp-color-ai-500: #7c3aed;
  --fnp-color-ai-600: #6d28d9;
  --fnp-color-ai-700: #5b21b6;
  --fnp-color-ai-800: #4c1d95;
  --fnp-color-ai-900: #2e1065;
  --fnp-color-base-black: #000000;
  --fnp-color-base-cloud: #F4F7FF;
  --fnp-color-base-obsidian: #0D1117;
  --fnp-color-base-white: #FFFFFF;
  --fnp-color-cyan-100: #cffafe;
  --fnp-color-cyan-200: #a5f3fc;
  --fnp-color-cyan-300: #67e8f9;
  --fnp-color-cyan-400: #22d3ee;
  --fnp-color-cyan-50: #ecfeff;
  --fnp-color-cyan-500: #06b6d4;
  --fnp-color-cyan-600: #0891b2;
  --fnp-color-cyan-700: #0e7490;
  --fnp-color-cyan-800: #155e75;
  --fnp-color-cyan-900: #164e63;
  --fnp-color-danger-100: #fee2e2;
  --fnp-color-danger-200: #fecaca;
  --fnp-color-danger-300: #fca5a5;
  --fnp-color-danger-400: #f87171;
  --fnp-color-danger-50: #fef2f2;
  --fnp-color-danger-500: #ef4444;
  --fnp-color-danger-600: #dc2626;
  --fnp-color-danger-700: #b91c1c;
  --fnp-color-danger-800: #991b1b;
  --fnp-color-danger-900: #7f1d1d;
  --fnp-color-finipe-100: #e0e7ff;
  --fnp-color-finipe-200: #c7d2fe;
  --fnp-color-finipe-300: #a5b4fc;
  --fnp-color-finipe-400: #6b83f4;
  --fnp-color-finipe-50: #eef2ff;
  --fnp-color-finipe-500: #4361ee;
  --fnp-color-finipe-600: #3451d1;
  --fnp-color-finipe-700: #2740aa;
  --fnp-color-finipe-800: #1e2d6b;
  --fnp-color-finipe-900: #131e4a;
  --fnp-color-indigo-100: #e0e7ff;
  --fnp-color-indigo-200: #c7d2fe;
  --fnp-color-indigo-300: #a5b4fc;
  --fnp-color-indigo-400: #818cf8;
  --fnp-color-indigo-50: #eef2ff;
  --fnp-color-indigo-500: #6366f1;
  --fnp-color-indigo-600: #4f46e5;
  --fnp-color-indigo-700: #4338ca;
  --fnp-color-indigo-800: #3730a3;
  --fnp-color-indigo-900: #312e81;
  --fnp-color-info-100: #e0f2fe;
  --fnp-color-info-200: #bae6fd;
  --fnp-color-info-300: #7dd3fc;
  --fnp-color-info-400: #38bdf8;
  --fnp-color-info-50: #f0f9ff;
  --fnp-color-info-500: #0ea5e9;
  --fnp-color-info-600: #0284c7;
  --fnp-color-info-700: #0369a1;
  --fnp-color-info-800: #075985;
  --fnp-color-info-900: #0c4a6e;
  --fnp-color-ink-100: #f1f5f9;
  --fnp-color-ink-200: #e2e8f0;
  --fnp-color-ink-300: #cbd5e1;
  --fnp-color-ink-400: #94a3b8;
  --fnp-color-ink-50: #f8fafc;
  --fnp-color-ink-500: #64748b;
  --fnp-color-ink-600: #475569;
  --fnp-color-ink-700: #334155;
  --fnp-color-ink-800: #1e293b;
  --fnp-color-ink-900: #0f172a;
  --fnp-color-lime-100: #ecfccb;
  --fnp-color-lime-200: #d9f99d;
  --fnp-color-lime-300: #bef264;
  --fnp-color-lime-400: #a3e635;
  --fnp-color-lime-50: #f7fee7;
  --fnp-color-lime-500: #84cc16;
  --fnp-color-lime-600: #65a30d;
  --fnp-color-lime-700: #4d7c0f;
  --fnp-color-lime-800: #3f6212;
  --fnp-color-lime-900: #365314;
  --fnp-color-orange-100: #ffedd5;
  --fnp-color-orange-200: #fed7aa;
  --fnp-color-orange-300: #fdba74;
  --fnp-color-orange-400: #fb923c;
  --fnp-color-orange-50: #fff7ed;
  --fnp-color-orange-500: #f97316;
  --fnp-color-orange-600: #ea580c;
  --fnp-color-orange-700: #c2410c;
  --fnp-color-orange-800: #9a3412;
  --fnp-color-orange-900: #7c2d12;
  --fnp-color-pink-100: #fce7f3;
  --fnp-color-pink-200: #fbcfe8;
  --fnp-color-pink-300: #f9a8d4;
  --fnp-color-pink-400: #f472b6;
  --fnp-color-pink-50: #fdf2f8;
  --fnp-color-pink-500: #ec4899;
  --fnp-color-pink-600: #db2777;
  --fnp-color-pink-700: #be185d;
  --fnp-color-pink-800: #9d174d;
  --fnp-color-pink-900: #831843;
  --fnp-color-purple-100: #f3e8ff;
  --fnp-color-purple-200: #e9d5ff;
  --fnp-color-purple-300: #d8b4fe;
  --fnp-color-purple-400: #c084fc;
  --fnp-color-purple-50: #faf5ff;
  --fnp-color-purple-500: #a855f7;
  --fnp-color-purple-600: #9333ea;
  --fnp-color-purple-700: #7e22ce;
  --fnp-color-purple-800: #6b21a8;
  --fnp-color-purple-900: #581c87;
  --fnp-color-rose-100: #ffe4e6;
  --fnp-color-rose-200: #fecdd3;
  --fnp-color-rose-300: #fda4af;
  --fnp-color-rose-400: #fb7185;
  --fnp-color-rose-50: #fff1f2;
  --fnp-color-rose-500: #f43f5e;
  --fnp-color-rose-600: #e11d48;
  --fnp-color-rose-700: #be123c;
  --fnp-color-rose-800: #9f1239;
  --fnp-color-rose-900: #881337;
  --fnp-color-slate-100: #f1f5f9;
  --fnp-color-slate-200: #e2e8f0;
  --fnp-color-slate-300: #cbd5e1;
  --fnp-color-slate-400: #94a3b8;
  --fnp-color-slate-50: #f8fafc;
  --fnp-color-slate-500: #64748b;
  --fnp-color-slate-600: #475569;
  --fnp-color-slate-700: #334155;
  --fnp-color-slate-800: #1e293b;
  --fnp-color-slate-900: #0f172a;
  --fnp-color-success-100: #d1fae5;
  --fnp-color-success-200: #a7f3d0;
  --fnp-color-success-300: #6ee7b7;
  --fnp-color-success-400: #34d399;
  --fnp-color-success-50: #ecfdf5;
  --fnp-color-success-500: #10b981;
  --fnp-color-success-600: #059669;
  --fnp-color-success-700: #047857;
  --fnp-color-success-800: #065f46;
  --fnp-color-success-900: #064e3b;
  --fnp-color-teal-100: #ccfbf1;
  --fnp-color-teal-200: #99f6e4;
  --fnp-color-teal-300: #5eead4;
  --fnp-color-teal-400: #2dd4bf;
  --fnp-color-teal-50: #f0fdfa;
  --fnp-color-teal-500: #14b8a6;
  --fnp-color-teal-600: #0d9488;
  --fnp-color-teal-700: #0f766e;
  --fnp-color-teal-800: #115e59;
  --fnp-color-teal-900: #134e4a;
  --fnp-color-warning-100: #fef3c7;
  --fnp-color-warning-200: #fde68a;
  --fnp-color-warning-300: #fcd34d;
  --fnp-color-warning-400: #fbbf24;
  --fnp-color-warning-50: #fffbeb;
  --fnp-color-warning-500: #f59e0b;
  --fnp-color-warning-600: #d97706;
  --fnp-color-warning-700: #b45309;
  --fnp-color-warning-800: #92400e;
  --fnp-color-warning-900: #78350f;
  --fnp-density-comfortable-button-height: 48px;
  --fnp-density-comfortable-card-padding: 24px;
  --fnp-density-comfortable-font-size-body: 0.9375rem;
  --fnp-density-comfortable-font-size-heading: 1.25rem;
  --fnp-density-comfortable-input-height: 48px;
  --fnp-density-comfortable-line-height-body: 1.6;
  --fnp-density-comfortable-row-height: 56px;
  --fnp-density-comfortable-section-gap: 32px;
  --fnp-density-comfortable-table-cell-pad-x: 24px;
  --fnp-density-comfortable-table-cell-pad-y: 12px;
  --fnp-density-compact-button-height: 32px;
  --fnp-density-compact-card-padding: 12px;
  --fnp-density-compact-font-size-body: 0.8125rem;
  --fnp-density-compact-font-size-heading: 1rem;
  --fnp-density-compact-input-height: 32px;
  --fnp-density-compact-line-height-body: 1.35;
  --fnp-density-compact-row-height: 36px;
  --fnp-density-compact-section-gap: 16px;
  --fnp-density-compact-table-cell-pad-x: 12px;
  --fnp-density-compact-table-cell-pad-y: 6px;
  --fnp-density-cozy-button-height: 40px;
  --fnp-density-cozy-card-padding: 16px;
  --fnp-density-cozy-font-size-body: 0.875rem;
  --fnp-density-cozy-font-size-heading: 1.125rem;
  --fnp-density-cozy-input-height: 40px;
  --fnp-density-cozy-line-height-body: 1.5;
  --fnp-density-cozy-row-height: 44px;
  --fnp-density-cozy-section-gap: 24px;
  --fnp-density-cozy-table-cell-pad-x: 12px;
  --fnp-density-cozy-table-cell-pad-y: 10px;
  --fnp-density-default: cozy;
  --fnp-density-modes: compact, cozy, comfortable;
  --fnp-focus-color: #6b83f4;
  --fnp-focus-halo: #eef2ff;
  --fnp-focus-offset: 2px;
  --fnp-focus-outer: 4px;
  --fnp-focus-ring-color: #6b83f4;
  --fnp-focus-ring-offset: 2;
  --fnp-focus-ring-width: 2;
  --fnp-focus-style: 0 0 0 2px #eef2ff, 0 0 0 4px #6b83f4;
  --fnp-focus-width: 2px;
  --fnp-motion-duration-base: 180ms;
  --fnp-motion-duration-fast: 120ms;
  --fnp-motion-duration-instant: 0ms;
  --fnp-motion-duration-moderate: 200ms;
  --fnp-motion-duration-slow: 240ms;
  --fnp-motion-duration-slower: 480ms;
  --fnp-motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --fnp-motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --fnp-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --fnp-motion-easing-linear: linear;
  --fnp-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --fnp-nav-active-item-bg: #eef2ff;
  --fnp-nav-body-bg: #F4F7FF;
  --fnp-nav-body-text: #475569;
  --fnp-nav-caption-text: #94a3b8;
  --fnp-nav-danger-tonal-bg: #fee2e2;
  --fnp-nav-heading-text: #0f172a;
  --fnp-nav-hover-item-bg: #f1f5f9;
  --fnp-nav-info-tonal-bg: #e0f2fe;
  --fnp-nav-neutral-tonal-bg: #f1f5f9;
  --fnp-nav-primary-tonal-bg: #eef2ff;
  --fnp-nav-success-tonal-bg: #d1fae5;
  --fnp-nav-warning-tonal-bg: #fef3c7;
  --fnp-overflow-clamp-lines: 2;
  --fnp-radius-2xl: 16px;
  --fnp-radius-3xl: 24px;
  --fnp-radius-decorative-glow: 22px;
  --fnp-radius-lg: 8px;
  --fnp-radius-md: 6px;
  --fnp-radius-none: 0px;
  --fnp-radius-pill: 9999px;
  --fnp-radius-sm: 4px;
  --fnp-radius-xl: 12px;
  --fnp-radius-xs: 2px;
  --fnp-shadow-elevation-1: 0 1px 3px 0 rgba(30, 45, 107, 0.06), 0 1px 2px 0 rgba(30, 45, 107, 0.08);
  --fnp-shadow-elevation-2: 0 4px 6px -1px rgba(30, 45, 107, 0.08), 0 2px 4px -1px rgba(30, 45, 107, 0.10);
  --fnp-shadow-elevation-3: 0 10px 15px -3px rgba(30, 45, 107, 0.10), 0 4px 6px -2px rgba(30, 45, 107, 0.12);
  --fnp-shadow-elevation-4: 0 20px 25px -5px rgba(30, 45, 107, 0.12), 0 10px 10px -5px rgba(30, 45, 107, 0.14);
  --fnp-shadow-elevation-5: 0 25px 50px -12px rgba(30, 45, 107, 0.16);
  --fnp-shadow-elevation-6: 0 32px 64px -16px rgba(30, 45, 107, 0.20), 0 16px 32px -8px rgba(30, 45, 107, 0.24);
  --fnp-shadow-glow-brand: 0 4px 16px rgba(67, 97, 238, 0.40);
  --fnp-shadow-hero: 0 24px 64px rgba(67, 97, 238, 0.18), 0 8px 24px rgba(19, 30, 74, 0.10);
  --fnp-shadow-none: none;
  --fnp-shadow-sheet: 0 -10px 15px -3px rgba(30, 45, 107, 0.10), 0 -4px 6px -2px rgba(30, 45, 107, 0.12);
  --fnp-sidebar-default: white;
  --fnp-sidebar-modes: white, navy;
  --fnp-sidebar-skin-dark-bg: #000000;
  --fnp-sidebar-skin-dark-bg-deep: #000000;
  --fnp-sidebar-skin-dark-bullet: rgba(255, 255, 255, 0.45);
  --fnp-sidebar-skin-dark-divider: rgba(255, 255, 255, 0.08);
  --fnp-sidebar-skin-dark-expanded-bg: rgba(255, 255, 255, 0.06);
  --fnp-sidebar-skin-dark-hover-bg: rgba(255, 255, 255, 0.08);
  --fnp-sidebar-skin-dark-item-icon: rgba(255, 255, 255, 0.70);
  --fnp-sidebar-skin-dark-item-text: rgba(255, 255, 255, 0.85);
  --fnp-sidebar-skin-dark-item-text-hover: #FFFFFF;
  --fnp-sidebar-skin-dark-logo: light;
  --fnp-sidebar-skin-dark-section-label: rgba(255, 255, 255, 0.50);
  --fnp-sidebar-skin-dark-shell-shadow: none;
  --fnp-sidebar-skin-navy-bg: #1e2d6b;
  --fnp-sidebar-skin-navy-bg-deep: #131e4a;
  --fnp-sidebar-skin-navy-bullet: rgba(255, 255, 255, 0.40);
  --fnp-sidebar-skin-navy-divider: rgba(255, 255, 255, 0.10);
  --fnp-sidebar-skin-navy-expanded-bg: rgba(255, 255, 255, 0.06);
  --fnp-sidebar-skin-navy-hover-bg: rgba(255, 255, 255, 0.08);
  --fnp-sidebar-skin-navy-item-icon: rgba(255, 255, 255, 0.60);
  --fnp-sidebar-skin-navy-item-text: rgba(255, 255, 255, 0.74);
  --fnp-sidebar-skin-navy-item-text-hover: #FFFFFF;
  --fnp-sidebar-skin-navy-logo: light;
  --fnp-sidebar-skin-navy-section-label: rgba(255, 255, 255, 0.46);
  --fnp-sidebar-skin-navy-shell-shadow: 0 0 24px 0 rgba(15, 23, 42, 0.18);
  --fnp-sidebar-skin-white-bg: #FFFFFF;
  --fnp-sidebar-skin-white-bg-deep: #f8fafc;
  --fnp-sidebar-skin-white-bullet: #94a3b8;
  --fnp-sidebar-skin-white-divider: rgba(15, 23, 42, 0.10);
  --fnp-sidebar-skin-white-expanded-bg: #f1f5f9;
  --fnp-sidebar-skin-white-hover-bg: #f1f5f9;
  --fnp-sidebar-skin-white-item-icon: #64748b;
  --fnp-sidebar-skin-white-item-text: #475569;
  --fnp-sidebar-skin-white-item-text-hover: #0f172a;
  --fnp-sidebar-skin-white-logo: navy;
  --fnp-sidebar-skin-white-section-label: #94a3b8;
  --fnp-sidebar-skin-white-shell-shadow: 0 2px 6px 0 rgba(30, 45, 107, 0.12);
  --fnp-size-card-max: 352px;
  --fnp-size-card-min: 148px;
  --fnp-size-card-min-block: 188px;
  --fnp-size-chart-height-compact-order-bar: 84px;
  --fnp-size-chart-height-daily-sales-sparkline: 88px;
  --fnp-size-chart-height-earnings-tabs-line: 233px;
  --fnp-size-chart-height-earnings-weekly-bar: 163px;
  --fnp-size-chart-height-md: 400px;
  --fnp-size-chart-height-project-status-radial: 198px;
  --fnp-size-chart-height-radar-sales-compact: 373px;
  --fnp-size-chart-height-revenue-growth-donut: 172px;
  --fnp-size-chart-height-sm: 350px;
  --fnp-size-chart-height-total-earning-bar: 189px;
  --fnp-size-chart-width-revenue-growth-donut: 170px;
  --fnp-size-chip-control-height: 2rem;
  --fnp-size-chip-dot: 5px;
  --fnp-size-chip-height: 22px;
  --fnp-size-chip-icon-scale: 1.15em;
  --fnp-size-container-lg: 1140px;
  --fnp-size-container-md: 720px;
  --fnp-size-container-sm: 540px;
  --fnp-size-control-compact-min: 6rem;
  --fnp-size-control-max: 320px;
  --fnp-size-control-min: 120px;
  --fnp-size-control-toolbar-height: 2.375rem;
  --fnp-size-emphasis-border-width: 3px;
  --fnp-size-frame-phone: 480px;
  --fnp-size-icon-badge: 32px;
  --fnp-size-icon-glyph-hero: 48px;
  --fnp-size-icon-glyph-lg: 24px;
  --fnp-size-icon-glyph-md: 20px;
  --fnp-size-icon-glyph-sm: 16px;
  --fnp-size-icon-glyph-xl: 36px;
  --fnp-size-icon-tile: 28px;
  --fnp-size-indicator-dot: 7px;
  --fnp-size-menu-max-block: 288px;
  --fnp-size-page-max-width: 1400px;
  --fnp-size-progress-track-bold: 10px;
  --fnp-size-progress-track-default: 8px;
  --fnp-size-progress-track-thin: 3px;
  --fnp-size-status-dot-lg: 10px;
  --fnp-size-status-dot-md: 8px;
  --fnp-size-status-dot-sm: 6px;
  --fnp-size-status-dot-xl: 14px;
  --fnp-size-target-counter: 56px;
  --fnp-size-target-default: 48px;
  --fnp-size-thread-accent-border: 3px;
  --fnp-size-thread-fab-offset: 86px;
  --fnp-size-thread-max: 640px;
  --fnp-size-thread-row-height: 52px;
  --fnp-size-thread-scroll-max: 380px;
  --fnp-space-0: 0px;
  --fnp-space-0-5: 2px;
  --fnp-space-1: 4px;
  --fnp-space-1-5: 6px;
  --fnp-space-10: 40px;
  --fnp-space-12: 48px;
  --fnp-space-14: 56px;
  --fnp-space-16: 64px;
  --fnp-space-2: 8px;
  --fnp-space-2-5: 10px;
  --fnp-space-20: 80px;
  --fnp-space-24: 96px;
  --fnp-space-3: 12px;
  --fnp-space-3-5: 14px;
  --fnp-space-4: 16px;
  --fnp-space-5: 20px;
  --fnp-space-6: 24px;
  --fnp-space-8: 32px;
  --fnp-space-9: 36px;
  --fnp-space-hairline: 1px;
  --fnp-status-ai-bg: #f5f3ff;
  --fnp-status-ai-border: #ddd6fe;
  --fnp-status-ai-fg: #5b21b6;
  --fnp-status-ai-solid: #7c3aed;
  --fnp-status-brand-bg: #eef2ff;
  --fnp-status-brand-border: #c7d2fe;
  --fnp-status-brand-fg: #2740aa;
  --fnp-status-brand-solid: #4361ee;
  --fnp-status-danger-bg: #fef2f2;
  --fnp-status-danger-border: #fecaca;
  --fnp-status-danger-fg: #b91c1c;
  --fnp-status-danger-solid: #ef4444;
  --fnp-status-info-bg: #f0f9ff;
  --fnp-status-info-border: #bae6fd;
  --fnp-status-info-fg: #0369a1;
  --fnp-status-info-solid: #0ea5e9;
  --fnp-status-neutral-bg: #f8fafc;
  --fnp-status-neutral-border: #e2e8f0;
  --fnp-status-neutral-fg: #334155;
  --fnp-status-neutral-solid: #64748b;
  --fnp-status-success-bg: #ecfdf5;
  --fnp-status-success-border: #a7f3d0;
  --fnp-status-success-fg: #047857;
  --fnp-status-success-solid: #10b981;
  --fnp-status-warning-bg: #fffbeb;
  --fnp-status-warning-border: #fde68a;
  --fnp-status-warning-fg: #b45309;
  --fnp-status-warning-solid: #f59e0b;
  --fnp-surface-card: #FFFFFF;
  --fnp-surface-dark: #0D1117;
  --fnp-surface-muted: #f8fafc;
  --fnp-surface-overlay: rgba(15, 23, 42, 0.48);
  --fnp-surface-page: #F4F7FF;
  --fnp-surface-sidebar: #1e2d6b;
  --fnp-surface-sidebar-dark: #131e4a;
  --fnp-table-cell-border-color: #f1f5f9;
  --fnp-table-cell-color: #475569;
  --fnp-table-cell-meta-color: #475569;
  --fnp-table-cell-meta-font-size: 0.6875rem;
  --fnp-table-cell-weight: 500;
  --fnp-table-collapse: 768px;
  --fnp-table-font-size: 0.78125rem;
  --fnp-table-header-background: #f8fafc;
  --fnp-table-header-border-color: #e2e8f0;
  --fnp-table-header-color: #475569;
  --fnp-table-header-font-size: 0.65625rem;
  --fnp-table-header-font-weight: 600;
  --fnp-table-header-letter-spacing: 0.07em;
  --fnp-text-body: #475569;
  --fnp-text-caption: #475569;
  --fnp-text-heading: #0f172a;
  --fnp-text-inverse: #FFFFFF;
  --fnp-text-inverse-muted: rgba(255, 255, 255, 0.92);
  --fnp-threshold-waiting-danger: 20;
  --fnp-threshold-waiting-warn: 10;
  --fnp-tonal-ai: #f5f3ff;
  --fnp-tonal-brand: #eef2ff;
  --fnp-tonal-cyan: #ecfeff;
  --fnp-tonal-danger: #fee2e2;
  --fnp-tonal-info: #e0f2fe;
  --fnp-tonal-lime: #f7fee7;
  --fnp-tonal-neutral: #f1f5f9;
  --fnp-tonal-orange: #fff7ed;
  --fnp-tonal-pink: #fdf2f8;
  --fnp-tonal-purple: #faf5ff;
  --fnp-tonal-rose: #fff1f2;
  --fnp-tonal-success: #dcfce7;
  --fnp-tonal-teal: #f0fdfa;
  --fnp-tonal-warning: #fef3c7;
  --fnp-typography-font-family-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --fnp-typography-font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, monospace;
  --fnp-typography-font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --fnp-typography-font-size-2xl: 1.625rem;
  --fnp-typography-font-size-3xl: 2rem;
  --fnp-typography-font-size-4xl: 2.5rem;
  --fnp-typography-font-size-base: 0.875rem;
  --fnp-typography-font-size-fini-lg: 0.84375rem;
  --fnp-typography-font-size-fini-md: 0.78125rem;
  --fnp-typography-font-size-fini-micro: 0.625rem;
  --fnp-typography-font-size-fini-sm: 0.71875rem;
  --fnp-typography-font-size-fini-title: 1.25rem;
  --fnp-typography-font-size-icon-lg: 2.25rem;
  --fnp-typography-font-size-lg: 1.125rem;
  --fnp-typography-font-size-md: 1rem;
  --fnp-typography-font-size-micro: 0.6875rem;
  --fnp-typography-font-size-sm: 0.8125rem;
  --fnp-typography-font-size-title: 1.25rem;
  --fnp-typography-font-size-xl: 1.375rem;
  --fnp-typography-font-size-xs: 0.75rem;
  --fnp-typography-font-weight-bold: 700;
  --fnp-typography-font-weight-medium: 500;
  --fnp-typography-font-weight-regular: 400;
  --fnp-typography-font-weight-semibold: 600;
  --fnp-typography-letter-spacing-normal: 0;
  --fnp-typography-letter-spacing-tight: -0.01em;
  --fnp-typography-letter-spacing-wide: 0.01em;
  --fnp-typography-letter-spacing-wider: 0.04em;
  --fnp-typography-letter-spacing-widest: 0.06em;
  --fnp-typography-line-height-normal: 1.5;
  --fnp-typography-line-height-relaxed: 1.65;
  --fnp-typography-line-height-snug: 1.35;
  --fnp-typography-line-height-tight: 1.2;
  --fnp-workspace-crm-accent: #10b981;
  --fnp-workspace-crm-accent-soft: #ecfdf5;
  --fnp-workspace-distribution-accent: #0ea5e9;
  --fnp-workspace-distribution-accent-soft: #f0f9ff;
  --fnp-workspace-finance-accent: #4361ee;
  --fnp-workspace-finance-accent-soft: #eef2ff;
  --fnp-workspace-fini-accent: #1e2d6b;
  --fnp-workspace-fini-accent-soft: #eef2ff;
  --fnp-workspace-insight-accent: #6d28d9;
  --fnp-workspace-insight-accent-soft: #f5f3ff;
  --fnp-workspace-lending-accent: #f59e0b;
  --fnp-workspace-lending-accent-soft: #fffbeb;
  --fnp-workspace-money-accent: #4361ee;
  --fnp-workspace-money-accent-soft: #eef2ff;
  --fnp-workspace-operate-accent: #ec4899;
  --fnp-workspace-operate-accent-soft: #fdf2f8;
  --fnp-workspace-operations-accent: #ec4899;
  --fnp-workspace-operations-accent-soft: #fdf2f8;
  --fnp-workspace-overview-accent: #1e2d6b;
  --fnp-workspace-overview-accent-soft: #eef2ff;
  --fnp-workspace-people-accent: #a78bfa;
  --fnp-workspace-people-accent-soft: #f5f3ff;
  --fnp-workspace-platform-accent: #6d28d9;
  --fnp-workspace-platform-accent-soft: #f5f3ff;
  --fnp-workspace-relationships-accent: #0ea5e9;
  --fnp-workspace-relationships-accent-soft: #f0f9ff;
  --fnp-workspace-sell-accent: #10b981;
  --fnp-workspace-sell-accent-soft: #ecfdf5;
  --fnp-workspace-workforce-accent: #a78bfa;
  --fnp-workspace-workforce-accent-soft: #f5f3ff;
  --fnp-z-index-base: 0;
  --fnp-z-index-dialog: 500;
  --fnp-z-index-drawer: 300;
  --fnp-z-index-elevated: 1;
  --fnp-z-index-navbar: 200;
  --fnp-z-index-overlay: 400;
  --fnp-z-index-popover: 600;
  --fnp-z-index-sticky: 100;
  --fnp-z-index-toast: 700;
  --fnp-z-index-topmost: 999;
}

[data-mui-color-scheme="dark"],
[data-theme="dark"],
.dark {
  --fnp-chart-axis-label: #94a3b8;
  --fnp-chart-grid: #222b3a;
  --fnp-chart-tooltip-bg: #1a1f2a;
  --fnp-shadow-elevation-1: 0 1px 3px 0 rgba(0, 0, 0, 0.32), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
  --fnp-shadow-elevation-2: 0 4px 6px -1px rgba(0, 0, 0, 0.40), 0 2px 4px -1px rgba(0, 0, 0, 0.44);
  --fnp-shadow-elevation-3: 0 10px 15px -3px rgba(0, 0, 0, 0.44), 0 4px 6px -2px rgba(0, 0, 0, 0.48);
  --fnp-shadow-elevation-4: 0 20px 25px -5px rgba(0, 0, 0, 0.48), 0 10px 10px -5px rgba(0, 0, 0, 0.52);
  --fnp-shadow-elevation-5: 0 25px 50px -12px rgba(0, 0, 0, 0.56);
  --fnp-shadow-elevation-6: 0 32px 64px -16px rgba(0, 0, 0, 0.64), 0 16px 32px -8px rgba(0, 0, 0, 0.68);
  --fnp-shadow-glow-brand: 0 4px 16px rgba(67, 97, 238, 0.40);
  --fnp-shadow-hero: 0 24px 64px rgba(67, 97, 238, 0.18), 0 8px 24px rgba(0, 0, 0, 0.56);
  --fnp-shadow-sheet: 0 -10px 15px -3px rgba(0, 0, 0, 0.44), 0 -4px 6px -2px rgba(0, 0, 0, 0.48);
  --fnp-surface-page: #0D1117;
  --fnp-surface-card: #0f172a;
  --fnp-text-heading: #f8fafc;
  --fnp-text-body: #e2e8f0;
  --fnp-text-caption: #94a3b8;
  --fnp-text-inverse: #0f172a;
  --fnp-border-default: #334155;
  --fnp-border-strong: #475569;
  --fnp-surface-muted: #1e293b;
  --fnp-border-soft: #1e293b;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mui-color-scheme="light"]):not([data-theme="light"]) {
    --fnp-chart-axis-label: #94a3b8;
    --fnp-chart-grid: #222b3a;
    --fnp-chart-tooltip-bg: #1a1f2a;
    --fnp-shadow-elevation-1: 0 1px 3px 0 rgba(0, 0, 0, 0.32), 0 1px 2px 0 rgba(0, 0, 0, 0.36);
    --fnp-shadow-elevation-2: 0 4px 6px -1px rgba(0, 0, 0, 0.40), 0 2px 4px -1px rgba(0, 0, 0, 0.44);
    --fnp-shadow-elevation-3: 0 10px 15px -3px rgba(0, 0, 0, 0.44), 0 4px 6px -2px rgba(0, 0, 0, 0.48);
    --fnp-shadow-elevation-4: 0 20px 25px -5px rgba(0, 0, 0, 0.48), 0 10px 10px -5px rgba(0, 0, 0, 0.52);
    --fnp-shadow-elevation-5: 0 25px 50px -12px rgba(0, 0, 0, 0.56);
    --fnp-shadow-elevation-6: 0 32px 64px -16px rgba(0, 0, 0, 0.64), 0 16px 32px -8px rgba(0, 0, 0, 0.68);
    --fnp-shadow-glow-brand: 0 4px 16px rgba(67, 97, 238, 0.40);
    --fnp-shadow-hero: 0 24px 64px rgba(67, 97, 238, 0.18), 0 8px 24px rgba(0, 0, 0, 0.56);
    --fnp-shadow-sheet: 0 -10px 15px -3px rgba(0, 0, 0, 0.44), 0 -4px 6px -2px rgba(0, 0, 0, 0.48);
    --fnp-surface-page: #0D1117;
    --fnp-surface-card: #0f172a;
    --fnp-text-heading: #f8fafc;
    --fnp-text-body: #e2e8f0;
    --fnp-text-caption: #94a3b8;
    --fnp-text-inverse: #0f172a;
    --fnp-border-default: #334155;
    --fnp-border-strong: #475569;
    --fnp-surface-muted: #1e293b;
    --fnp-border-soft: #1e293b;
  }
}