/* L&I v3.0. Generated foundation. Scope [data-li-brand] to the L&I application. */
[data-li-brand] {
  --li-color-cream: #F5EFDF;
  --li-color-surface: #FFFCF5;
  --li-color-ink: #292721;
  --li-color-cobalt: #244BB3;
  --li-color-orange: #C75C35;
  --li-color-gold: #CB9B23;
  --li-color-walnut: #4D3428;
  --li-color-forest: #254735;
  --li-color-muted: #655F54;
  --li-color-border: #8A8174;
  --li-color-divider: #D7CEBC;
  --li-color-rust: #994126;
  --li-color-success-surface: #E6EDE3;
  --li-color-pending-surface: #F2E7C9;
  --li-color-error-surface: #F5E2D8;
  --li-color-night-surface: #38352F;
  --li-color-night-muted: #C3BAA8;
  --li-color-night-border: #A39986;
  --li-color-terracotta: var(--li-color-orange);
  --li-canvas: var(--li-color-cream);
  --li-surface: var(--li-color-surface);
  --li-text: var(--li-color-ink);
  --li-text-muted: var(--li-color-muted);
  --li-action: var(--li-color-cobalt);
  --li-on-action: var(--li-color-cream);
  --li-focus: var(--li-color-cobalt);
  --li-border: var(--li-color-border);
  --li-divider: var(--li-color-divider);
  --li-error: var(--li-color-rust);
  --li-error-surface: var(--li-color-error-surface);
  --li-success: var(--li-color-forest);
  --li-success-surface: var(--li-color-success-surface);
  --li-pending: var(--li-color-walnut);
  --li-pending-surface: var(--li-color-pending-surface);
  --li-space-4: 4px;
  --li-space-8: 8px;
  --li-space-12: 12px;
  --li-space-16: 16px;
  --li-space-24: 24px;
  --li-space-32: 32px;
  --li-space-48: 48px;
  --li-space-64: 64px;
  --li-space-96: 96px;
  --li-radius-control: 4px;
  --li-radius-surface: 8px;
  --li-radius-sheet: 16px;
  --li-radius-pill: 999px;
  --li-layout-content-max: 1200px;
  --li-layout-gutter-mobile: 20px;
  --li-layout-gutter-tablet: 32px;
  --li-layout-gutter-desktop: 64px;
  --li-layout-breakpoint-tablet: 768px;
  --li-layout-breakpoint-desktop: 1024px;
  --li-layout-target-min: 44px;
  --li-layout-control-height: 48px;
  --li-component-border-width: 1px;
  --li-component-focus-width: 2px;
  --li-component-focus-offset: 3px;
  --li-component-input-font-size: 16px;
  --li-component-button-padding-x: 20px;
  --li-duration-quick: 150ms;
  --li-duration-panel: 220ms;
  --li-duration-editorial: 300ms;
  --li-ease: cubic-bezier(0.2,0,0,1);
  --li-font-display: "Cormorant Garamond", Georgia, serif;
  --li-font-ui: "DM Sans", Arial, sans-serif;
  --li-control-height: var(--li-layout-control-height);
  --li-content-width: var(--li-layout-content-max);
}
[data-li-brand][data-li-theme="night"], [data-li-brand] [data-li-theme="night"] {
  --li-canvas: var(--li-color-ink);
  --li-surface: var(--li-color-night-surface);
  --li-text: var(--li-color-cream);
  --li-text-muted: var(--li-color-night-muted);
  --li-action: var(--li-color-cream);
  --li-on-action: var(--li-color-ink);
  --li-focus: var(--li-color-gold);
  --li-border: var(--li-color-night-border);
  --li-divider: var(--li-color-muted);
  --li-error: #FFC7B2;
  --li-error-surface: #522E25;
  --li-success: #C4DEC8;
  --li-success-surface: #253D2E;
  --li-pending: #E9D399;
  --li-pending-surface: #49402C;
}
[data-li-brand] .li-focus:focus-visible { outline: 2px solid var(--li-focus); outline-offset: 3px; }
[data-li-brand] .li-control { min-height: var(--li-control-height); border-radius: var(--li-radius-control); font: 500 14px/20px var(--li-font-ui); }
[data-li-brand] .li-panel { background: var(--li-surface); border-radius: var(--li-radius-surface); }
@media (prefers-reduced-motion: reduce) { [data-li-brand] .li-motion { animation: none !important; transition: none !important; } }
