/* Generated from config/brand.yaml by `flask studio brand`. Do not edit by hand. */
:root {
  --p-font-family-display: 'Space Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --p-font-family-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --p-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;
  --p-color-brand-ink: #0E1414;
  --p-color-brand-teal: #0B6B5D;
  --p-color-brand-teal-dark: #07433A;
  --p-color-brand-mint: #7EE6CF;
  --p-color-brand-mint-bg: #E3F3EF;
  --p-color-brand-amber: #F2C46D;
  --p-color-brand-canvas: #F5F6F3;
  --p-color-nav-bg: #0E1414;
  --p-color-nav-bg-surface: #172221;
  --p-color-nav-bg-surface-hover: #1B2928;
  --p-color-nav-bg-surface-selected: rgba(126, 230, 207, 0.13);
  --p-color-nav-border: #1F2B2A;
  --p-color-nav-text: #A7B8B4;
  --p-color-nav-text-strong: #FFFFFF;
  --p-color-nav-text-selected: #7EE6CF;
  --p-color-nav-text-muted: #6C7D79;

  /* Space: 4 px base */
  --p-space-0: 0;
  --p-space-050: 2px;
  --p-space-100: 4px;
  --p-space-150: 6px;
  --p-space-200: 8px;
  --p-space-300: 12px;
  --p-space-400: 16px;
  --p-space-500: 20px;
  --p-space-600: 24px;
  --p-space-800: 32px;
  --p-space-1000: 40px;
  --p-space-1200: 48px;
  --p-space-1600: 64px;
  --p-space-2000: 80px;
  --p-space-2400: 96px;

  /* Radius */
  --p-border-radius-100: 4px;
  --p-border-radius-150: 6px;
  --p-border-radius-200: 8px;
  --p-border-radius-300: 12px;
  --p-border-radius-400: 16px;
  --p-border-radius-500: 20px;
  --p-border-radius-600: 28px;
  --p-border-radius-full: 9999px;

  /* Type */
  --p-font-size-body-xs: 0.75rem;
  --p-font-size-body-sm: 0.8125rem;
  --p-font-size-body-md: 0.875rem;
  --p-font-size-body-lg: 1rem;
  --p-font-size-heading-xs: 0.75rem;
  --p-font-size-heading-sm: 0.875rem;
  --p-font-size-heading-md: 1rem;
  --p-font-size-heading-lg: 1.25rem;
  --p-font-size-heading-xl: 1.5rem;
  --p-font-size-heading-2xl: 1.875rem;
  --p-font-size-heading-3xl: 2.5rem;
  --p-font-line-height-tight: 1.1;
  --p-font-line-height-snug: 1.3;
  --p-font-line-height-body: 1.5;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 700;
  --p-font-letter-spacing-tight: -0.02em;
  --p-font-letter-spacing-wide: 0.04em;

  /* Motion */
  --p-motion-duration-100: 100ms;
  --p-motion-duration-150: 150ms;
  --p-motion-duration-200: 200ms;
  --p-motion-duration-300: 300ms;
  --p-motion-duration-500: 500ms;
  --p-motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --p-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --p-layout-rail: 72px;
  --p-layout-rail-open: 272px;
  --p-layout-topbar: 64px;
  --p-layout-bottom-nav: 64px;
  --p-layout-page-max: 1440px;

  /* Layers */
  --p-z-rail: 40;
  --p-z-topbar: 30;
  --p-z-sheet: 60;
  --p-z-modal: 70;
  --p-z-toast: 80;

  /* Shadows (tinted by the theme's --p-shadow-rgb) */
  --p-shadow-100: 0 1px 2px rgba(var(--p-shadow-rgb), 0.06);
  --p-shadow-200: 0 1px 2px rgba(var(--p-shadow-rgb), 0.05), 0 4px 12px rgba(var(--p-shadow-rgb), 0.06);
  --p-shadow-300: 0 2px 4px rgba(var(--p-shadow-rgb), 0.05), 0 10px 24px rgba(var(--p-shadow-rgb), 0.08);
  --p-shadow-400: 0 4px 8px rgba(var(--p-shadow-rgb), 0.06), 0 18px 40px rgba(var(--p-shadow-rgb), 0.12);
  --p-shadow-500: 0 8px 16px rgba(var(--p-shadow-rgb), 0.08), 0 28px 64px rgba(var(--p-shadow-rgb), 0.18);
  --p-shadow-600: 0 12px 24px rgba(var(--p-shadow-rgb), 0.1), 0 40px 96px rgba(var(--p-shadow-rgb), 0.24);

  /* Light theme (default) */
  color-scheme: light;
  --p-color-bg: #F5F6F3;
  --p-color-bg-surface: #FFFFFF;
  --p-color-bg-surface-secondary: #F0F2EE;
  --p-color-bg-surface-tertiary: #E8EBE6;
  --p-color-bg-surface-hover: #F4F6F3;
  --p-color-bg-surface-active: #EAEDE9;
  --p-color-bg-surface-selected: #E3F3EF;
  --p-color-bg-surface-brand: #E3F3EF;
  --p-color-bg-surface-success: #E2F1E7;
  --p-color-bg-surface-info: #E5EDF6;
  --p-color-bg-surface-warning: #FCF0D5;
  --p-color-bg-surface-critical: #FBE6E1;
  --p-color-bg-surface-magic: #E3F3EF;
  --p-color-bg-inverse: #0E1414;
  --p-color-bg-inverse-secondary: #172221;
  --p-color-bg-fill-brand: #0E1414;
  --p-color-bg-fill-brand-hover: #0B6B5D;
  --p-color-bg-fill-brand-active: #07433A;
  --p-color-bg-fill-accent: #0B6B5D;
  --p-color-bg-fill-accent-hover: #07433A;
  --p-color-bg-fill-magic: #7EE6CF;
  --p-color-bg-fill-success: #1F7A47;
  --p-color-bg-fill-info: #2F6DA8;
  --p-color-bg-fill-warning: #F2C46D;
  --p-color-bg-fill-critical: #C2412D;
  --p-color-bg-fill-critical-hover: #A33524;
  --p-color-bg-fill-secondary: #E8EBE6;
  --p-color-bg-fill-disabled: #E8EBE6;
  --p-color-text: #0E1414;
  --p-color-text-secondary: #4A5654;
  --p-color-text-tertiary: #66736F;
  --p-color-text-disabled: #A3AFAC;
  --p-color-text-brand: #0B6B5D;
  --p-color-text-brand-hover: #07433A;
  --p-color-text-brand-on-bg-fill: #FFFFFF;
  --p-color-text-inverse: #F5F6F3;
  --p-color-text-inverse-secondary: #9FB3AF;
  --p-color-text-success: #1A6539;
  --p-color-text-info: #245A8C;
  --p-color-text-warning: #7A5200;
  --p-color-text-critical: #A8321F;
  --p-color-text-magic: #07433A;
  --p-color-border: #DCE1DE;
  --p-color-border-secondary: #E9ECE9;
  --p-color-border-strong: #B5C0BC;
  --p-color-border-focus: #0B6B5D;
  --p-color-border-brand: #0B6B5D;
  --p-color-border-critical: #C2412D;
  --p-color-icon: #4A5654;
  --p-color-icon-secondary: #8FA19E;
  --p-color-icon-brand: #0B6B5D;
  --p-color-backdrop: rgba(14, 20, 20, 0.45);
  --p-shadow-rgb: 14, 20, 20;
  --p-color-accent-teal: #0B6B5D;
  --p-color-accent-teal-soft: #E3F3EF;
  --p-color-accent-teal-glow: #7EE6CF;
  --p-color-accent-mint: #0A7E6C;
  --p-color-accent-mint-soft: #DDF6EF;
  --p-color-accent-mint-glow: #9AF0DC;
  --p-color-accent-amber: #8A5A00;
  --p-color-accent-amber-soft: #FCF0D5;
  --p-color-accent-amber-glow: #F2C46D;
  --p-color-accent-coral: #A9412B;
  --p-color-accent-coral-soft: #FBE6E1;
  --p-color-accent-coral-glow: #FF9E86;
  --p-color-accent-sky: #245A8C;
  --p-color-accent-sky-soft: #E5EDF6;
  --p-color-accent-sky-glow: #8CC4F5;
  --p-color-accent-lilac: #5B4A99;
  --p-color-accent-lilac-soft: #ECE8F7;
  --p-color-accent-lilac-glow: #C2B4F2;
  --p-color-accent-slate: #3D5A6C;
  --p-color-accent-slate-soft: #E6ECEF;
  --p-color-accent-slate-glow: #B6CAD6;
  --p-color-chart-1: #0A8773;
  --p-color-chart-2: #E5A023;
  --p-color-chart-3: #3F78D9;
  --p-color-chart-4: #E26A4B;
  --p-color-chart-5: #8562D3;
  --p-color-chart-6: #7A9A1F;
  --p-color-chart-7: #DB6A9C;
  --p-color-chart-8: #2A9FC4;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --p-color-bg: #090E0E;
  --p-color-bg-surface: #111918;
  --p-color-bg-surface-secondary: #0D1413;
  --p-color-bg-surface-tertiary: #182221;
  --p-color-bg-surface-hover: #162120;
  --p-color-bg-surface-active: #1C2927;
  --p-color-bg-surface-selected: #12302B;
  --p-color-bg-surface-brand: #12302B;
  --p-color-bg-surface-success: #12291C;
  --p-color-bg-surface-info: #13243A;
  --p-color-bg-surface-warning: #33270F;
  --p-color-bg-surface-critical: #3A1813;
  --p-color-bg-surface-magic: #12302B;
  --p-color-bg-inverse: #F5F6F3;
  --p-color-bg-inverse-secondary: #E3F3EF;
  --p-color-bg-fill-brand: #7EE6CF;
  --p-color-bg-fill-brand-hover: #A4EFDF;
  --p-color-bg-fill-brand-active: #5FD4BB;
  --p-color-bg-fill-accent: #7EE6CF;
  --p-color-bg-fill-accent-hover: #A4EFDF;
  --p-color-bg-fill-magic: #7EE6CF;
  --p-color-bg-fill-success: #3FB673;
  --p-color-bg-fill-info: #5B9BDB;
  --p-color-bg-fill-warning: #F2C46D;
  --p-color-bg-fill-critical: #E5604A;
  --p-color-bg-fill-critical-hover: #EC7C69;
  --p-color-bg-fill-secondary: #1C2927;
  --p-color-bg-fill-disabled: #182221;
  --p-color-text: #E9EFEC;
  --p-color-text-secondary: #A9B8B4;
  --p-color-text-tertiary: #7F908C;
  --p-color-text-disabled: #52605D;
  --p-color-text-brand: #7EE6CF;
  --p-color-text-brand-hover: #A4EFDF;
  --p-color-text-brand-on-bg-fill: #0E1414;
  --p-color-text-inverse: #0E1414;
  --p-color-text-inverse-secondary: #4A5654;
  --p-color-text-success: #6FD39A;
  --p-color-text-info: #8DBBEA;
  --p-color-text-warning: #F2C46D;
  --p-color-text-critical: #F29080;
  --p-color-text-magic: #7EE6CF;
  --p-color-border: #223130;
  --p-color-border-secondary: #1A2625;
  --p-color-border-strong: #36494A;
  --p-color-border-focus: #7EE6CF;
  --p-color-border-brand: #7EE6CF;
  --p-color-border-critical: #E5604A;
  --p-color-icon: #A9B8B4;
  --p-color-icon-secondary: #66736F;
  --p-color-icon-brand: #7EE6CF;
  --p-color-backdrop: rgba(0, 0, 0, 0.62);
  --p-shadow-rgb: 0, 0, 0;
  --p-color-accent-teal: #7EE6CF;
  --p-color-accent-teal-soft: #12302B;
  --p-color-accent-teal-glow: #7EE6CF;
  --p-color-accent-mint: #9AF0DC;
  --p-color-accent-mint-soft: #11332C;
  --p-color-accent-mint-glow: #9AF0DC;
  --p-color-accent-amber: #F2C46D;
  --p-color-accent-amber-soft: #33270F;
  --p-color-accent-amber-glow: #F2C46D;
  --p-color-accent-coral: #FF9E86;
  --p-color-accent-coral-soft: #3A1813;
  --p-color-accent-coral-glow: #FF9E86;
  --p-color-accent-sky: #8CC4F5;
  --p-color-accent-sky-soft: #13243A;
  --p-color-accent-sky-glow: #8CC4F5;
  --p-color-accent-lilac: #C2B4F2;
  --p-color-accent-lilac-soft: #241F3D;
  --p-color-accent-lilac-glow: #C2B4F2;
  --p-color-accent-slate: #B6CAD6;
  --p-color-accent-slate-soft: #1A262D;
  --p-color-accent-slate-glow: #B6CAD6;
  --p-color-chart-1: #25A68D;
  --p-color-chart-2: #C08A1E;
  --p-color-chart-3: #5589E2;
  --p-color-chart-4: #DD6A4B;
  --p-color-chart-5: #9070DC;
  --p-color-chart-6: #84A22E;
  --p-color-chart-7: #D66C9E;
  --p-color-chart-8: #31A0C3;
}