:root {
  --ap-color-brand-navy-950: #01152D;
  --ap-color-brand-navy-900: #012147;
  --ap-color-brand-navy-800: #0A315F;
  --ap-color-brand-navy-700: #15457C;
  --ap-color-brand-navy-600: #1D5896;
  --ap-color-brand-navy-500: #2A6EB5;
  --ap-color-brand-navy-400: #4D88C8;
  --ap-color-brand-navy-300: #7DA8D9;
  --ap-color-brand-navy-200: #B6CBEA;
  --ap-color-brand-navy-100: #DCE7F4;
  --ap-color-brand-navy-50: #F1F6FB;
  --ap-color-brand-yellow-800: #8C5E00;
  --ap-color-brand-yellow-700: #B77B00;
  --ap-color-brand-yellow-600: #D89A00;
  --ap-color-brand-yellow-500: #FDBD04;
  --ap-color-brand-yellow-400: #FFC929;
  --ap-color-brand-yellow-300: #FFD65F;
  --ap-color-brand-yellow-200: #FFE79A;
  --ap-color-brand-yellow-100: #FFF3CB;
  --ap-color-brand-yellow-50: #FFF9EA;
  --ap-color-brand-cream-500: #F4D887;
  --ap-color-brand-cream-300: #F9E7AD;
  --ap-color-brand-cream-200: #FDF1C8;
  --ap-color-brand-cream-100: #FFF8E5;
  --ap-color-brand-cream-50: #FFFCF4;
  --ap-color-neutral-1000: #08111F;
  --ap-color-neutral-950: #0E1726;
  --ap-color-neutral-900: #17202A;
  --ap-color-neutral-800: #29313A;
  --ap-color-neutral-700: #3C4652;
  --ap-color-neutral-600: #545E6B;
  --ap-color-neutral-500: #707A86;
  --ap-color-neutral-400: #A8B0BA;
  --ap-color-neutral-300: #C7CDD4;
  --ap-color-neutral-200: #DDE2E8;
  --ap-color-neutral-150: #E7EAEE;
  --ap-color-neutral-100: #F0F2F5;
  --ap-color-neutral-50: #F7F8FA;
  --ap-color-neutral-25: #FBFCFD;
  --ap-color-neutral-0: #FFFFFF;
  --ap-color-success-700: #0E6E45;
  --ap-color-success-600: #168A58;
  --ap-color-success-500: #21A66C;
  --ap-color-success-100: #DDF5E9;
  --ap-color-success-50: #EEF9F3;
  --ap-color-error-700: #A92B33;
  --ap-color-error-600: #C9363E;
  --ap-color-error-500: #E04A52;
  --ap-color-error-100: #FBE1E3;
  --ap-color-error-50: #FFF1F2;
  --ap-color-warning-700: #AF500E;
  --ap-color-warning-600: #D86B16;
  --ap-color-warning-500: #F28A2B;
  --ap-color-warning-100: #FDE8D2;
  --ap-color-warning-50: #FFF7ED;
  --ap-color-info-700: #1D54A3;
  --ap-color-info-600: #246BCE;
  --ap-color-info-500: #3A82E3;
  --ap-color-info-100: #DCEBFF;
  --ap-color-info-50: #EFF6FF;
  --ap-color-purple-600: #7257C7;
  --ap-color-purple-100: #EAE4FA;
  --ap-color-purple-50: #F7F4FE;
  --ap-space-0: 0px;
  --ap-space-0-5: 2px;
  --ap-space-1: 4px;
  --ap-space-1-5: 6px;
  --ap-space-2: 8px;
  --ap-space-2-5: 10px;
  --ap-space-3: 12px;
  --ap-space-4: 16px;
  --ap-space-5: 20px;
  --ap-space-6: 24px;
  --ap-space-7: 28px;
  --ap-space-8: 32px;
  --ap-space-9: 36px;
  --ap-space-10: 40px;
  --ap-space-12: 48px;
  --ap-space-14: 56px;
  --ap-space-16: 64px;
  --ap-space-18: 72px;
  --ap-space-20: 80px;
  --ap-space-24: 96px;
  --ap-radius-none: 0px;
  --ap-radius-xs: 4px;
  --ap-radius-sm: 8px;
  --ap-radius-md: 12px;
  --ap-radius-lg: 16px;
  --ap-radius-xl: 20px;
  --ap-radius-2xl: 24px;
  --ap-radius-pill: 999px;
  --ap-shadow-none: none;
  --ap-shadow-xs: 0 1px 2px rgba(1,33,71,.05);
  --ap-shadow-sm: 0 2px 6px rgba(1,33,71,.07);
  --ap-shadow-md: 0 6px 18px rgba(1,33,71,.10);
  --ap-shadow-lg: 0 14px 36px rgba(1,33,71,.14);
  --ap-shadow-xl: 0 24px 64px rgba(1,33,71,.18);
  --ap-shadow-focus: 0 0 0 3px rgba(36,107,206,.24);
  --ap-font-family-display: "Sora", "Inter", system-ui, sans-serif;
  --ap-font-family-interface: "Inter", system-ui, sans-serif;
  --ap-font-family-mono: "JetBrains Mono", "IBM Plex Mono", monospace;
  --ap-font-weight-regular: 400;
  --ap-font-weight-medium: 500;
  --ap-font-weight-semibold: 600;
  --ap-font-weight-bold: 700;
  --ap-motion-duration-instant: 0ms;
  --ap-motion-duration-fast: 100ms;
  --ap-motion-duration-base: 160ms;
  --ap-motion-duration-medium: 220ms;
  --ap-motion-duration-slow: 320ms;
  --ap-motion-easing-standard: cubic-bezier(0.2,0,0,1);
  --ap-motion-easing-decelerate: cubic-bezier(0,0,0,1);
  --ap-motion-easing-accelerate: cubic-bezier(0.3,0,1,1);
  --ap-motion-easing-emphasized: cubic-bezier(0.2,0.8,0.2,1);
  --ap-z-base: 0;
  --ap-z-sticky: 100;
  --ap-z-header: 200;
  --ap-z-sidebar: 300;
  --ap-z-dropdown: 500;
  --ap-z-popover: 600;
  --ap-z-drawer: 700;
  --ap-z-modal: 800;
  --ap-z-toast: 900;
  --ap-z-tooltip: 1000;
  --ap-surface-page: #F7F8FA;
  --ap-surface-canvas: #FFFFFF;
  --ap-surface-card: #FFFFFF;
  --ap-surface-subtle: #FBFCFD;
  --ap-surface-muted: #F0F2F5;
  --ap-surface-raised: #FFFFFF;
  --ap-surface-overlay: rgba(1,21,45,.48);
  --ap-surface-inverse: #012147;
  --ap-surface-accent: #FFF9EA;
  --ap-text-primary: #17202A;
  --ap-text-secondary: #545E6B;
  --ap-text-tertiary: #707A86;
  --ap-text-disabled: #A8B0BA;
  --ap-text-inverse: #FFFFFF;
  --ap-text-brand: #012147;
  --ap-text-link: #246BCE;
  --ap-border-subtle: #E7EAEE;
  --ap-border-default: #DDE2E8;
  --ap-border-strong: #C7CDD4;
  --ap-border-focus: #246BCE;
  --ap-action-primary: #012147;
  --ap-action-primary-hover: #0A315F;
  --ap-action-primary-pressed: #01152D;
  --ap-action-accent: #FDBD04;
  --ap-action-accent-hover: #FFC929;
  --ap-action-accent-pressed: #D89A00;
  --ap-action-destructive: #C9363E;
  --ap-action-destructive-hover: #A92B33;
  --ap-action-disabled-bg: #E7EAEE;
  --ap-action-disabled-text: #A8B0BA;
  --ap-layout-sidebar-expanded: 248px;
  --ap-layout-sidebar-collapsed: 72px;
  --ap-layout-header-height: 72px;
  --ap-layout-content-padding: 24px;
  --ap-layout-grid-gutter: 24px;
}

[data-theme="dark"] {
  --ap-surface-page: #091321;
  --ap-surface-canvas: #0E1B2D;
  --ap-surface-card: #122238;
  --ap-surface-subtle: #101E31;
  --ap-surface-muted: #182B43;
  --ap-surface-raised: #162942;
  --ap-surface-overlay: rgba(0,0,0,.64);
  --ap-surface-inverse: #FFFFFF;
  --ap-surface-accent: #2A2512;
  --ap-text-primary: #F5F7FA;
  --ap-text-secondary: #C4CBD4;
  --ap-text-tertiary: #9FA9B6;
  --ap-text-disabled: #687484;
  --ap-text-inverse: #01152D;
  --ap-text-brand: #FFD65F;
  --ap-text-link: #7CB1FF;
  --ap-border-subtle: #1E334E;
  --ap-border-default: #2A405B;
  --ap-border-strong: #3D5673;
  --ap-border-focus: #7CB1FF;
  --ap-action-primary: #FDBD04;
  --ap-action-primary-hover: #FFC929;
  --ap-action-primary-pressed: #D89A00;
  --ap-action-accent: #1E3A5C;
  --ap-action-accent-hover: #274B73;
  --ap-action-accent-pressed: #17304E;
  --ap-action-destructive: #D95B63;
  --ap-action-destructive-hover: #F06F77;
  --ap-action-disabled-bg: #22354C;
  --ap-action-disabled-text: #687484;
}