/**
 * Do not edit directly, this file was auto-generated.
 */

:root, [data-theme="dark"] {
  --nfn-green-50: #e8f8e8;
  --nfn-green-100: #c0edc0;
  --nfn-green-200: #8dda8d;
  --nfn-green-300: #62c462;
  --nfn-green-400: #4db352; /** Brand accent — dark mode primary */
  --nfn-green-500: #3f9b42;
  --nfn-green-600: #2e6e2e; /** Brand accent — light mode primary */
  --nfn-green-700: #215521;
  --nfn-green-800: #163c16;
  --nfn-green-900: #0c220c;
  --nfn-neutral-50: #eeece4; /** Light canvas — warm off-white, brand baseline (calibrated to first-consumer CXO) */
  --nfn-neutral-100: #e4e1d6;
  --nfn-neutral-200: #cecabc;
  --nfn-neutral-300: #b0ab9c;
  --nfn-neutral-400: #8e897c;
  --nfn-neutral-450: #7c7770; /** Dark-mode muted text — calibrated for AA on near-black canvas */
  --nfn-neutral-500: #62605a;
  --nfn-neutral-600: #44413a;
  --nfn-neutral-700: #36332e;
  --nfn-neutral-750: #2a2925;
  --nfn-neutral-800: #2b2b26;
  --nfn-neutral-850: #23231f;
  --nfn-neutral-900: #1a1a17;
  --nfn-neutral-925: #121210;
  --nfn-neutral-950: #080807;
  --nfn-neutral-975: #060605;
  --nfn-red-50: #fef2f2;
  --nfn-red-100: #fee2e2;
  --nfn-red-200: #fecaca;
  --nfn-red-300: #fca5a5;
  --nfn-red-400: #ff6b6b;
  --nfn-red-500: #ef4444;
  --nfn-red-600: #dc2626;
  --nfn-red-700: #b91c1c;
  --nfn-red-800: #991b1b;
  --nfn-red-900: #7f1d1d;
  --nfn-amber-50: #fffbeb;
  --nfn-amber-100: #fef3c7;
  --nfn-amber-200: #fde68a;
  --nfn-amber-300: #fcd34d;
  --nfn-amber-400: #ffb340;
  --nfn-amber-500: #f59e0b;
  --nfn-amber-600: #d97706;
  --nfn-amber-700: #b45309;
  --nfn-amber-800: #92400e;
  --nfn-amber-900: #78350f;
  --nfn-blue-50: #eff6ff;
  --nfn-blue-100: #dbeafe;
  --nfn-blue-200: #bfdbfe;
  --nfn-blue-300: #93c5fd;
  --nfn-blue-400: #60a5fa;
  --nfn-blue-500: #3b82f6;
  --nfn-blue-600: #2563eb;
  --nfn-blue-700: #1d4ed8;
  --nfn-blue-800: #1e40af;
  --nfn-blue-900: #1e3a8a;
  --nfn-purple-50: #faf5ff;
  --nfn-purple-100: #f3e8ff;
  --nfn-purple-200: #e9d5ff;
  --nfn-purple-300: #d8b4fe;
  --nfn-purple-400: #c084fc;
  --nfn-purple-500: #a855f7;
  --nfn-purple-600: #9333ea;
  --nfn-purple-700: #7c3aed;
  --nfn-purple-800: #6d28d9;
  --nfn-purple-900: #581c87;
  --nfn-teal-50: #f0fdfa;
  --nfn-teal-100: #ccfbf1;
  --nfn-teal-200: #99f6e4;
  --nfn-teal-300: #5eead4;
  --nfn-teal-400: #2dd4bf;
  --nfn-teal-500: #14b8a6;
  --nfn-teal-600: #0d9484;
  --nfn-teal-700: #0f766e;
  --nfn-teal-800: #115e59;
  --nfn-teal-900: #134e4a;
  --nfn-pink-50: #fdf2f8;
  --nfn-pink-100: #fce7f3;
  --nfn-pink-200: #fbcfe8;
  --nfn-pink-300: #f9a8d4;
  --nfn-pink-400: #f472b6;
  --nfn-pink-500: #ec4899;
  --nfn-pink-600: #db2777;
  --nfn-pink-700: #be185d;
  --nfn-pink-800: #9d174d;
  --nfn-pink-900: #831843;
  --nfn-orange-50: #fff7ed;
  --nfn-orange-100: #ffedd5;
  --nfn-orange-200: #fed7aa;
  --nfn-orange-300: #fdba74;
  --nfn-orange-400: #fb923c;
  --nfn-orange-500: #f97316;
  --nfn-orange-600: #ea580c;
  --nfn-orange-700: #c2410c;
  --nfn-orange-800: #9a3412;
  --nfn-orange-900: #7c2d12;
  --nfn-white: #ffffff;
  --nfn-black: #000000;
  --nfn-shadow-dark-none: 0px 0px 0px 0px rgba(0,0,0,0);
  --nfn-shadow-dark-sm: 0px 1px 2px 0px rgba(0,0,0,0.3);
  --nfn-shadow-dark-md: 0px 2px 8px 0px rgba(0,0,0,0.4);
  --nfn-shadow-dark-lg: 0px 8px 24px 0px rgba(0,0,0,0.5);
  --nfn-shadow-light-none: 0px 0px 0px 0px rgba(0,0,0,0);
  --nfn-shadow-light-sm: 0px 1px 3px 0px rgba(0,0,0,0.04);
  --nfn-shadow-light-md: 0px 2px 8px 0px rgba(0,0,0,0.08);
  --nfn-shadow-light-lg: 0px 8px 24px 0px rgba(0,0,0,0.12);
  --nfn-brand-figma: #f24e1e; /** Figma red-orange (logo) */
  --nfn-brand-claude-design: #d97757; /** Anthropic Claude warm-rust */
  --nfn-brand-stitch: #1a73e8; /** Google Stitch blue (per Google product palette) */
  --nfn-brand-notebooklm: #7c4dff; /** NotebookLM purple */
  --nfn-brand-gemini-image: #4796e3; /** Gemini blue (Gemini Image Gen integration) */
  --nfn-brand-gmail: #ea4335; /** Gmail red */
  --nfn-brand-calendar: #1a73e8; /** Google Calendar blue */
  --nfn-brand-drive: #1fa463; /** Google Drive green */
  --nfn-brand-notion: #191919; /** Notion near-black wordmark */
  --nfn-brand-granola: #1f1f1f; /** Granola monochrome */
  --nfn-easing-linear: cubic-bezier(0, 0, 1, 1);
  --nfn-easing-ease-out: cubic-bezier(0, 0, 0.2, 1); /** Entering elements, responses to user input */
  --nfn-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /** Moving elements, transitions between states */
  --nfn-easing-ease-in: cubic-bezier(0.4, 0, 1, 1); /** Exiting elements, dismissals */
  --nfn-easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275); /** Playful interactions, toggles, micro-celebrations */
  --nfn-duration-instant: 0ms; /** Immediate state changes, no visible transition */
  --nfn-duration-fast: 100ms; /** Hover states, focus rings, small color changes */
  --nfn-duration-normal: 200ms; /** Default transitions, button presses, toggles */
  --nfn-duration-slow: 300ms; /** Panel slides, accordion expand, card transitions */
  --nfn-duration-slower: 500ms; /** Page transitions, modal enter/exit, large movements */
  --nfn-radius-none: 0px;
  --nfn-radius-sm: 4px;
  --nfn-radius-md: 6px;
  --nfn-radius-lg: 8px;
  --nfn-radius-xl: 12px;
  --nfn-radius-2xl: 16px;
  --nfn-radius-full: 9999px;
  --nfn-space-0: 0px;
  --nfn-space-1: 4px;
  --nfn-space-2: 8px;
  --nfn-space-3: 12px;
  --nfn-space-4: 16px;
  --nfn-space-5: 20px;
  --nfn-space-6: 24px;
  --nfn-space-8: 32px;
  --nfn-space-10: 40px;
  --nfn-space-12: 48px;
  --nfn-space-16: 64px;
  --nfn-space-20: 80px;
  --nfn-space-24: 96px;
  --nfn-font-family-sans: Onest, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --nfn-font-family-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --nfn-font-family-icon: Phosphor;
  --nfn-font-size-xs: 12px;
  --nfn-font-size-sm: 14px;
  --nfn-font-size-base: 16px;
  --nfn-font-size-lg: 18px;
  --nfn-font-size-xl: 20px;
  --nfn-font-size-2xl: 24px;
  --nfn-font-size-3xl: 30px;
  --nfn-font-size-4xl: 36px;
  --nfn-font-weight-regular: 400;
  --nfn-font-weight-medium: 500;
  --nfn-font-weight-semibold: 600;
  --nfn-font-weight-bold: 700;
  --nfn-line-height-tight: 1.25;
  --nfn-line-height-normal: 1.5;
  --nfn-line-height-relaxed: 1.75;
  --nfn-letter-spacing-tight: -0.02em;
  --nfn-letter-spacing-normal: 0em;
  --nfn-letter-spacing-wide: 0.04em;
  --nfn-letter-spacing-wider: 0.08em;
  --nfn-icon-size-sm: 16px;
  --nfn-icon-size-md: 20px;
  --nfn-icon-size-lg: 24px;
  --nfn-icon-size-xl: 32px;
  --nfn-icon-weight-thin: thin;
  --nfn-icon-weight-light: light;
  --nfn-icon-weight-regular: regular;
  --nfn-icon-weight-bold: bold;
  --nfn-icon-weight-fill: fill;
  --nfn-icon-weight-duotone: duotone;
  --nfn-density-dashboard-row-min: 28px;
  --nfn-density-reading-row-min: 40px;
  --nfn-integration-figma-glyph: figma;
  --nfn-integration-figma-layer: surfaces;
  --nfn-integration-claude-design-glyph: claude-design;
  --nfn-integration-claude-design-layer: surfaces;
  --nfn-integration-stitch-glyph: stitch;
  --nfn-integration-stitch-layer: surfaces;
  --nfn-integration-notebooklm-glyph: notebooklm;
  --nfn-integration-notebooklm-layer: knowledge;
  --nfn-integration-gemini-image-glyph: gemini-image;
  --nfn-integration-gemini-image-layer: generators;
  --nfn-integration-gmail-glyph: gmail;
  --nfn-integration-gmail-layer: workspace;
  --nfn-integration-calendar-glyph: calendar;
  --nfn-integration-calendar-layer: workspace;
  --nfn-integration-drive-glyph: drive;
  --nfn-integration-drive-layer: workspace;
  --nfn-integration-notion-glyph: notion;
  --nfn-integration-notion-layer: state-publish;
  --nfn-integration-granola-glyph: granola;
  --nfn-integration-granola-layer: workspace;
  --nfn-radius-container-sm: var(--nfn-radius-md);
  --nfn-radius-container-md: var(--nfn-radius-lg);
  --nfn-radius-container-lg: var(--nfn-radius-xl);
  --nfn-radius-container-xl: var(--nfn-radius-2xl);
  --nfn-radius-control-sm: var(--nfn-radius-sm);
  --nfn-radius-control-md: var(--nfn-radius-md);
  --nfn-radius-pill: var(--nfn-radius-full); /** Badges, tags, chips. Always fully round. */
  --nfn-radius-circle: var(--nfn-radius-full); /** Avatars, dots, icon buttons that need to be perfectly round. */
  --nfn-space-inset-xs: var(--nfn-space-1);
  --nfn-space-inset-sm: var(--nfn-space-2);
  --nfn-space-inset-md: var(--nfn-space-4);
  --nfn-space-inset-lg: var(--nfn-space-6);
  --nfn-space-inset-xl: var(--nfn-space-8);
  --nfn-space-stack-xs: var(--nfn-space-1);
  --nfn-space-stack-sm: var(--nfn-space-2);
  --nfn-space-stack-md: var(--nfn-space-4);
  --nfn-space-stack-lg: var(--nfn-space-6);
  --nfn-space-stack-xl: var(--nfn-space-10);
  --nfn-space-inline-xs: var(--nfn-space-1);
  --nfn-space-inline-sm: var(--nfn-space-2);
  --nfn-space-inline-md: var(--nfn-space-3);
  --nfn-space-inline-lg: var(--nfn-space-4);
  --nfn-space-inline-xl: var(--nfn-space-6);
  --nfn-space-gutter-sm: var(--nfn-space-4);
  --nfn-space-gutter-md: var(--nfn-space-6);
  --nfn-space-gutter-lg: var(--nfn-space-8);
  --nfn-space-section-sm: var(--nfn-space-12);
  --nfn-space-section-md: var(--nfn-space-16);
  --nfn-space-section-lg: var(--nfn-space-24);
  --nfn-space-control-pad-y-sm: var(--nfn-space-1);
  --nfn-space-control-pad-y-md: var(--nfn-space-2);
  --nfn-space-control-pad-y-lg: var(--nfn-space-3);
  --nfn-space-control-pad-x-xs: var(--nfn-space-2);
  --nfn-space-control-pad-x-sm: var(--nfn-space-3);
  --nfn-space-control-pad-x-md: var(--nfn-space-4);
  --nfn-space-control-pad-x-lg: var(--nfn-space-5);
  --nfn-color-bg-canvas: var(--nfn-neutral-950);
  --nfn-color-bg-base: var(--nfn-neutral-925);
  --nfn-color-bg-surface: var(--nfn-neutral-900);
  --nfn-color-bg-elevated: var(--nfn-neutral-850);
  --nfn-color-bg-code: var(--nfn-neutral-975);
  --nfn-color-bg-hover: var(--nfn-neutral-850);
  --nfn-color-bg-active: var(--nfn-neutral-800);
  --nfn-color-text-primary: var(--nfn-neutral-200);
  --nfn-color-text-heading: var(--nfn-neutral-100);
  --nfn-color-text-secondary: var(--nfn-neutral-400);
  --nfn-color-text-muted: var(--nfn-neutral-450);
  --nfn-color-text-inverse: var(--nfn-neutral-950);
  --nfn-color-text-on-accent: var(--nfn-neutral-950);
  --nfn-color-accent-default: var(--nfn-green-400);
  --nfn-color-accent-hover: var(--nfn-green-300);
  --nfn-color-accent-active: var(--nfn-green-500);
  --nfn-color-accent-subtle: color-mix(in srgb, var(--nfn-green-400) 8%, transparent);
  --nfn-color-accent-muted: color-mix(in srgb, var(--nfn-green-400) 15%, transparent);
  --nfn-color-border-default: color-mix(in srgb, var(--nfn-white) 6%, transparent);
  --nfn-color-border-strong: color-mix(in srgb, var(--nfn-white) 10%, transparent);
  --nfn-color-border-interactive: color-mix(in srgb, var(--nfn-white) 15%, transparent);
  --nfn-color-border-accent: color-mix(in srgb, var(--nfn-green-400) 20%, transparent);
  --nfn-color-status-success: var(--nfn-green-400);
  --nfn-color-status-success-subtle: color-mix(in srgb, var(--nfn-green-400) 10%, transparent);
  --nfn-color-status-warning: var(--nfn-amber-400);
  --nfn-color-status-warning-subtle: color-mix(in srgb, var(--nfn-amber-400) 10%, transparent);
  --nfn-color-status-error: var(--nfn-red-400);
  --nfn-color-status-error-subtle: color-mix(in srgb, var(--nfn-red-400) 10%, transparent);
  --nfn-color-status-info: var(--nfn-blue-400);
  --nfn-color-status-info-subtle: color-mix(in srgb, var(--nfn-blue-400) 10%, transparent);
  --nfn-color-interactive-focus-ring: var(--nfn-green-400);
  --nfn-color-interactive-selection: color-mix(in srgb, var(--nfn-green-400) 15%, transparent);
  --nfn-color-interactive-link: var(--nfn-blue-400);
  --nfn-color-interactive-link-hover: var(--nfn-blue-300);
  --nfn-color-overlay-scrim: color-mix(in srgb, var(--nfn-black) 60%, transparent);
  --nfn-color-overlay-backdrop: color-mix(in srgb, var(--nfn-black) 50%, transparent);
  --nfn-color-chart-1: var(--nfn-green-400); /** Brand / primary success */
  --nfn-color-chart-2: var(--nfn-purple-400); /** AI / premium accent */
  --nfn-color-chart-3: var(--nfn-pink-400); /** Category */
  --nfn-color-chart-4: var(--nfn-amber-400); /** Warning / attention */
  --nfn-color-chart-5: var(--nfn-blue-400); /** Info / data */
  --nfn-color-chart-6: var(--nfn-red-400); /** Alert / negative */
  --nfn-color-chart-7: var(--nfn-teal-400); /** Secondary cool */
  --nfn-color-chart-8: var(--nfn-orange-400); /** Category */
  --nfn-text-display-large-font-family: var(--nfn-font-family-sans);
  --nfn-text-display-large-font-size: var(--nfn-font-size-4xl);
  --nfn-text-display-large-font-weight: var(--nfn-font-weight-bold);
  --nfn-text-display-large-line-height: var(--nfn-line-height-tight);
  --nfn-text-display-large-letter-spacing: var(--nfn-letter-spacing-tight);
  --nfn-text-display-small-font-family: var(--nfn-font-family-sans);
  --nfn-text-display-small-font-size: var(--nfn-font-size-3xl);
  --nfn-text-display-small-font-weight: var(--nfn-font-weight-bold);
  --nfn-text-display-small-line-height: var(--nfn-line-height-tight);
  --nfn-text-display-small-letter-spacing: var(--nfn-letter-spacing-tight);
  --nfn-text-heading-1-font-family: var(--nfn-font-family-sans);
  --nfn-text-heading-1-font-size: var(--nfn-font-size-2xl);
  --nfn-text-heading-1-font-weight: var(--nfn-font-weight-semibold);
  --nfn-text-heading-1-line-height: var(--nfn-line-height-tight);
  --nfn-text-heading-1-letter-spacing: var(--nfn-letter-spacing-tight);
  --nfn-text-heading-2-font-family: var(--nfn-font-family-sans);
  --nfn-text-heading-2-font-size: var(--nfn-font-size-xl);
  --nfn-text-heading-2-font-weight: var(--nfn-font-weight-semibold);
  --nfn-text-heading-2-line-height: var(--nfn-line-height-tight);
  --nfn-text-heading-2-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-heading-3-font-family: var(--nfn-font-family-sans);
  --nfn-text-heading-3-font-size: var(--nfn-font-size-lg);
  --nfn-text-heading-3-font-weight: var(--nfn-font-weight-semibold);
  --nfn-text-heading-3-line-height: var(--nfn-line-height-normal);
  --nfn-text-heading-3-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-heading-4-font-family: var(--nfn-font-family-sans);
  --nfn-text-heading-4-font-size: var(--nfn-font-size-base);
  --nfn-text-heading-4-font-weight: var(--nfn-font-weight-semibold);
  --nfn-text-heading-4-line-height: var(--nfn-line-height-normal);
  --nfn-text-heading-4-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-body-large-font-family: var(--nfn-font-family-sans);
  --nfn-text-body-large-font-size: var(--nfn-font-size-lg);
  --nfn-text-body-large-font-weight: var(--nfn-font-weight-regular);
  --nfn-text-body-large-line-height: var(--nfn-line-height-relaxed);
  --nfn-text-body-large-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-body-default-font-family: var(--nfn-font-family-sans);
  --nfn-text-body-default-font-size: var(--nfn-font-size-base);
  --nfn-text-body-default-font-weight: var(--nfn-font-weight-regular);
  --nfn-text-body-default-line-height: var(--nfn-line-height-normal);
  --nfn-text-body-default-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-body-small-font-family: var(--nfn-font-family-sans);
  --nfn-text-body-small-font-size: var(--nfn-font-size-sm);
  --nfn-text-body-small-font-weight: var(--nfn-font-weight-regular);
  --nfn-text-body-small-line-height: var(--nfn-line-height-normal);
  --nfn-text-body-small-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-label-font-family: var(--nfn-font-family-sans);
  --nfn-text-label-font-size: var(--nfn-font-size-sm);
  --nfn-text-label-font-weight: var(--nfn-font-weight-medium);
  --nfn-text-label-line-height: var(--nfn-line-height-normal);
  --nfn-text-label-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-caption-font-family: var(--nfn-font-family-sans);
  --nfn-text-caption-font-size: var(--nfn-font-size-xs);
  --nfn-text-caption-font-weight: var(--nfn-font-weight-regular);
  --nfn-text-caption-line-height: var(--nfn-line-height-normal);
  --nfn-text-caption-letter-spacing: var(--nfn-letter-spacing-wide);
  --nfn-text-code-default-font-family: var(--nfn-font-family-mono);
  --nfn-text-code-default-font-size: var(--nfn-font-size-sm);
  --nfn-text-code-default-font-weight: var(--nfn-font-weight-regular);
  --nfn-text-code-default-line-height: var(--nfn-line-height-normal);
  --nfn-text-code-default-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-text-code-small-font-family: var(--nfn-font-family-mono);
  --nfn-text-code-small-font-size: var(--nfn-font-size-xs);
  --nfn-text-code-small-font-weight: var(--nfn-font-weight-regular);
  --nfn-text-code-small-line-height: var(--nfn-line-height-normal);
  --nfn-text-code-small-letter-spacing: var(--nfn-letter-spacing-normal);
  --nfn-motion-duration-micro: var(--nfn-duration-fast); /** Hover, focus ring, small color/opacity shifts */
  --nfn-motion-duration-base: var(--nfn-duration-normal); /** Default transitions: button press, toggle, tab switch */
  --nfn-motion-duration-emphasis: var(--nfn-duration-slow); /** Accordion expand, card transition, drawer slide */
  --nfn-motion-duration-page: var(--nfn-duration-slower); /** Route changes, modal enter/exit, full-screen overlays */
  --nfn-motion-easing-standard: var(--nfn-easing-ease-in-out); /** Default two-way transitions between stable states */
  --nfn-motion-easing-decelerate: var(--nfn-easing-ease-out); /** Entering elements, user-triggered responses */
  --nfn-motion-easing-accelerate: var(--nfn-easing-ease-in); /** Exiting elements, dismissals, fades-to-hidden */
  --nfn-motion-easing-spring: var(--nfn-easing-spring); /** Playful micro-interactions with slight overshoot */
  --nfn-motion-easing-linear: var(--nfn-easing-linear); /** Progress bars, loading spinners */
  --nfn-density-dashboard-inset: var(--nfn-space-2);
  --nfn-density-dashboard-stack: var(--nfn-space-2);
  --nfn-density-dashboard-inline: var(--nfn-space-2);
  --nfn-density-dashboard-font-size: var(--nfn-font-size-sm);
  --nfn-density-dashboard-line-height: var(--nfn-line-height-normal);
  --nfn-density-reading-inset: var(--nfn-space-4);
  --nfn-density-reading-stack: var(--nfn-space-4);
  --nfn-density-reading-inline: var(--nfn-space-3);
  --nfn-density-reading-font-size: var(--nfn-font-size-base);
  --nfn-density-reading-line-height: var(--nfn-line-height-normal);
  --nfn-integration-figma-color: var(--nfn-brand-figma);
  --nfn-integration-figma-display-color: var(--nfn-brand-figma);
  --nfn-integration-claude-design-color: var(--nfn-brand-claude-design);
  --nfn-integration-claude-design-display-color: var(--nfn-brand-claude-design);
  --nfn-integration-stitch-color: var(--nfn-brand-stitch);
  --nfn-integration-stitch-display-color: var(--nfn-brand-stitch);
  --nfn-integration-notebooklm-color: var(--nfn-brand-notebooklm);
  --nfn-integration-notebooklm-display-color: var(--nfn-brand-notebooklm);
  --nfn-integration-gemini-image-color: var(--nfn-brand-gemini-image);
  --nfn-integration-gemini-image-display-color: var(--nfn-brand-gemini-image);
  --nfn-integration-gmail-color: var(--nfn-brand-gmail);
  --nfn-integration-gmail-display-color: var(--nfn-brand-gmail);
  --nfn-integration-calendar-color: var(--nfn-brand-calendar);
  --nfn-integration-calendar-display-color: var(--nfn-brand-calendar);
  --nfn-integration-drive-color: var(--nfn-brand-drive);
  --nfn-integration-drive-display-color: var(--nfn-brand-drive);
  --nfn-integration-notion-color: var(--nfn-brand-notion);
  --nfn-integration-granola-color: var(--nfn-brand-granola);
  --nfn-agent-idle-bg: var(--nfn-color-bg-surface);
  --nfn-agent-idle-fg: var(--nfn-color-text-muted);
  --nfn-agent-idle-border: var(--nfn-color-border-default);
  --nfn-agent-idle-dot: var(--nfn-color-text-muted);
  --nfn-agent-running-bg: color-mix(in srgb, var(--nfn-color-accent-default) 8%, transparent);
  --nfn-agent-running-fg: var(--nfn-color-accent-default);
  --nfn-agent-running-border: var(--nfn-color-border-accent);
  --nfn-agent-running-dot: var(--nfn-color-accent-default);
  --nfn-agent-blocked-bg: var(--nfn-color-status-warning-subtle);
  --nfn-agent-blocked-fg: var(--nfn-color-status-warning);
  --nfn-agent-blocked-border: color-mix(in srgb, var(--nfn-color-status-warning) 30%, transparent);
  --nfn-agent-blocked-dot: var(--nfn-color-status-warning);
  --nfn-agent-awaiting-human-bg: color-mix(in srgb, var(--nfn-color-status-info) 12%, transparent);
  --nfn-agent-awaiting-human-fg: var(--nfn-color-status-info);
  --nfn-agent-awaiting-human-border: var(--nfn-color-status-info);
  --nfn-agent-awaiting-human-dot: var(--nfn-color-status-info);
  --nfn-agent-errored-bg: var(--nfn-color-status-error-subtle);
  --nfn-agent-errored-fg: var(--nfn-color-status-error);
  --nfn-agent-errored-border: color-mix(in srgb, var(--nfn-color-status-error) 30%, transparent);
  --nfn-agent-errored-dot: var(--nfn-color-status-error);
  --nfn-agent-complete-bg: var(--nfn-color-status-success-subtle);
  --nfn-agent-complete-fg: var(--nfn-color-status-success);
  --nfn-agent-complete-border: color-mix(in srgb, var(--nfn-color-status-success) 25%, transparent);
  --nfn-agent-complete-dot: var(--nfn-color-status-success);
  --nfn-surface-panel-bg: var(--nfn-color-bg-surface);
  --nfn-surface-panel-border: var(--nfn-color-border-default);
  --nfn-surface-panel-radius: var(--nfn-radius-container-lg);
  --nfn-surface-panel-inset: var(--nfn-space-inset-lg);
  --nfn-surface-panel-stack: var(--nfn-space-stack-md);
  --nfn-surface-agent-card-bg: var(--nfn-color-bg-elevated);
  --nfn-surface-agent-card-border: var(--nfn-color-border-default);
  --nfn-surface-agent-card-radius: var(--nfn-radius-container-md);
  --nfn-surface-agent-card-inset: var(--nfn-space-inset-md);
  --nfn-surface-agent-card-stack: var(--nfn-space-stack-sm);
  --nfn-surface-log-row-bg: var(--nfn-color-bg-base);
  --nfn-surface-log-row-bg-hover: var(--nfn-color-bg-hover);
  --nfn-surface-log-row-border: var(--nfn-color-border-default);
  --nfn-surface-log-row-radius: var(--nfn-radius-control-sm);
  --nfn-surface-log-row-inset: var(--nfn-space-inset-sm);
  --nfn-surface-log-row-inline: var(--nfn-space-inline-sm);
  --nfn-surface-flow-trace-bg: var(--nfn-color-bg-canvas);
  --nfn-surface-flow-trace-border: var(--nfn-color-border-strong);
  --nfn-surface-flow-trace-rail: var(--nfn-color-border-default);
  --nfn-surface-flow-trace-rail-active: var(--nfn-color-accent-default);
  --nfn-surface-flow-trace-radius: var(--nfn-radius-container-md);
  --nfn-surface-flow-trace-inset: var(--nfn-space-inset-md);
  --nfn-surface-flow-trace-stack: var(--nfn-space-stack-xs);
  --nfn-integration-notion-display-color: var(--nfn-color-text-primary);
  --nfn-integration-granola-display-color: var(--nfn-color-text-primary);
}