/*! Facet UI · © 2026 ETKits · Licensed to Facet UI buyers only, not for redistribution. https://www.etkits.us */
:root{--iris-50: #f5f6ff;--iris-100: #e8ebff;--iris-200: #d2d8ff;--iris-300: #b7beff;--iris-400: #9299ff;--iris-500: #7473ff;--iris-600: #5d4ff3;--iris-700: #4c3cd0;--iris-800: #3828a5;--iris-900: #251973;--iris-950: #14064d;--ember-50: #fff4f0;--ember-100: #ffe7df;--ember-200: #ffcebd;--ember-300: #ffad90;--ember-400: #ff7643;--ember-500: #e35413;--ember-600: #be4000;--ember-700: #9e3400;--ember-800: #782500;--ember-900: #531700;--ember-950: #320a00;--lagoon-50: #e6fcfa;--lagoon-100: #cef6f3;--lagoon-200: #a3ebe5;--lagoon-300: #6cd9d3;--lagoon-400: #08bdb6;--lagoon-500: #009e98;--lagoon-600: #00817c;--lagoon-700: #006b66;--lagoon-800: #00504d;--lagoon-900: #003634;--lagoon-950: #001f1d;--lime-50: #f1fce1;--lime-100: #e3f5c6;--lime-200: #cae897;--lime-300: #add55b;--lime-400: #8bb700;--lime-500: #739800;--lime-600: #5e7d00;--lime-700: #4d6700;--lime-800: #394d00;--lime-900: #253400;--lime-950: #141d00;--green-50: #e8fdee;--green-100: #d3f8de;--green-200: #acedc2;--green-300: #7ddca0;--green-400: #40c079;--green-500: #00a45d;--green-600: #00864c;--green-700: #006f3d;--green-800: #00532d;--green-900: #00381c;--green-950: #00200e;--amber-50: #fff5e8;--amber-100: #ffe9cc;--amber-200: #ffd395;--amber-300: #f6b758;--amber-400: #db9400;--amber-500: #b77b00;--amber-600: #976500;--amber-700: #7d5200;--amber-800: #5e3d00;--amber-900: #402800;--amber-950: #251600;--red-50: #fff4f3;--red-100: #ffe6e4;--red-200: #ffcdc8;--red-300: #ffaaa4;--red-400: #ff716d;--red-500: #ed3f45;--red-600: #ce182c;--red-700: #af001e;--red-800: #860015;--red-900: #5c000b;--red-950: #380004;--blue-50: #f1f8ff;--blue-100: #e0efff;--blue-200: #c0deff;--blue-300: #95c9ff;--blue-400: #51a9ff;--blue-500: #188ceb;--blue-600: #0072c5;--blue-700: #005ea4;--blue-800: #00467d;--blue-900: #002f56;--blue-950: #001a34;--rose-50: #fff3f6;--rose-100: #ffe5ec;--rose-200: #ffcad9;--rose-300: #ffa6c1;--rose-400: #fb6ca0;--rose-500: #de4a84;--rose-600: #c02b6c;--rose-700: #a31b58;--rose-800: #7f0842;--rose-900: #58032b;--rose-950: #360018;--ink-0: #ffffff;--ink-25: #fafbff;--ink-50: #f6f6fb;--ink-100: #eff0f4;--ink-200: #e4e4e8;--ink-300: #d4d4d8;--ink-400: #a4a4a8;--ink-500: #7a7a7e;--ink-600: #5d5d64;--ink-700: #414249;--ink-800: #28282f;--ink-850: #1d1d24;--ink-900: #15151b;--ink-925: #101016;--ink-950: #0a0a10;--ink-1000: #05050a;--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--stroke-1: 1px;--stroke-2: 2px;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 20px;--icon-xl: 24px;--font-sans: "Mona Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Mona Sans", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-display-2xl: 600 64px/68px var(--font-sans);--tracking-display-2xl: -.03em;--text-display-xl: 600 48px/52px var(--font-sans);--tracking-display-xl: -.025em;--text-heading-h1: 600 36px/42px var(--font-sans);--tracking-heading-h1: -.02em;--text-heading-h2: 600 28px/34px var(--font-sans);--tracking-heading-h2: -.015em;--text-heading-h3: 600 22px/28px var(--font-sans);--tracking-heading-h3: -.01em;--text-heading-h4: 600 18px/24px var(--font-sans);--tracking-heading-h4: -.005em;--text-heading-h5: 600 15px/22px var(--font-sans);--tracking-heading-h5: -.002em;--text-body-lg: 400 17px/28px var(--font-sans);--tracking-body-lg: -.002em;--text-body-md: 400 15px/24px var(--font-sans);--tracking-body-md: -.001em;--text-body-sm: 400 14px/20px var(--font-sans);--tracking-body-sm: 0em;--text-body-xs: 400 13px/18px var(--font-sans);--tracking-body-xs: 0em;--text-label-lg: 500 15px/20px var(--font-sans);--tracking-label-lg: -.001em;--text-label-md: 500 14px/20px var(--font-sans);--tracking-label-md: 0em;--text-label-sm: 500 13px/16px var(--font-sans);--tracking-label-sm: 0em;--text-label-xs: 500 12px/16px var(--font-sans);--tracking-label-xs: .002em;--text-caption: 400 12px/16px var(--font-sans);--tracking-caption: .001em;--text-overline: 600 11px/16px var(--font-sans);--tracking-overline: .08em;--text-data-xl: 600 40px/44px var(--font-sans);--tracking-data-xl: -.025em;--text-data-lg: 600 28px/32px var(--font-sans);--tracking-data-lg: -.015em;--text-data-md: 500 15px/20px var(--font-sans);--tracking-data-md: 0em;--text-code-md: 400 13px/20px var(--font-sans);--tracking-code-md: 0em;--text-code-sm: 400 12px/16px var(--font-sans);--tracking-code-sm: 0em;--text-display-3xl: 600 72px/76px var(--font-sans);--tracking-display-3xl: -.03em;--text-body-xl: 400 20px/30px var(--font-sans);--tracking-body-xl: -.002em;--text-display-lg: 600 40px/44px var(--font-sans);--tracking-display-lg: -.025em;--shadow-0: none;--shadow-1: 0px 1px 2px 0px #0a0a1f0f;--shadow-2: 0px 1px 3px 0px #0a0a1f0f, 0px 4px 12px -2px #0a0a1f0f;--shadow-3: 0px 2px 4px -1px #0a0a1f0f, 0px 12px 24px -4px #0a0a1f1f;--shadow-4: 0px 4px 8px -2px #0a0a1f14, 0px 24px 48px -8px #0a0a1f33;--shadow-5: 0px 8px 16px -4px #0a0a1f14, 0px 40px 80px -12px #0a0a1f47;--ring: 0 0 0 1.5px var(--bg-surface), 0 0 0 4.5px var(--border-focus);--ring-danger: 0 0 0 1.5px var(--bg-surface), 0 0 0 4.5px var(--border-danger);--ease-out: cubic-bezier(.2,.8,.2,1);--duration-fast: .12s;--duration-base: .2s;--ease-in-out: cubic-bezier(.65,0,.35,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-bounce: cubic-bezier(.68,-.6,.32,1.6);--duration-instant: 80ms;--duration-slow: .32s;--duration-slower: .48s;--lift-sm: -1px;--lift-md: -2px;--press-scale: .97}:root,[data-brand=iris]{--brand-50: var(--iris-50);--brand-100: var(--iris-100);--brand-200: var(--iris-200);--brand-300: var(--iris-300);--brand-400: var(--iris-400);--brand-500: var(--iris-500);--brand-600: var(--iris-600);--brand-700: var(--iris-700);--brand-800: var(--iris-800);--brand-900: var(--iris-900);--brand-950: var(--iris-950)}[data-brand=ember]{--brand-50: var(--ember-50);--brand-100: var(--ember-100);--brand-200: var(--ember-200);--brand-300: var(--ember-300);--brand-400: var(--ember-400);--brand-500: var(--ember-500);--brand-600: var(--ember-600);--brand-700: var(--ember-700);--brand-800: var(--ember-800);--brand-900: var(--ember-900);--brand-950: var(--ember-950)}[data-brand=lagoon]{--brand-50: var(--lagoon-50);--brand-100: var(--lagoon-100);--brand-200: var(--lagoon-200);--brand-300: var(--lagoon-300);--brand-400: var(--lagoon-400);--brand-500: var(--lagoon-500);--brand-600: var(--lagoon-600);--brand-700: var(--lagoon-700);--brand-800: var(--lagoon-800);--brand-900: var(--lagoon-900);--brand-950: var(--lagoon-950)}[data-brand=rose]{--brand-50: var(--rose-50);--brand-100: var(--rose-100);--brand-200: var(--rose-200);--brand-300: var(--rose-300);--brand-400: var(--rose-400);--brand-500: var(--rose-500);--brand-600: var(--rose-600);--brand-700: var(--rose-700);--brand-800: var(--rose-800);--brand-900: var(--rose-900);--brand-950: var(--rose-950)}[data-brand=cobalt]{--brand-50: var(--blue-50);--brand-100: var(--blue-100);--brand-200: var(--blue-200);--brand-300: var(--blue-300);--brand-400: var(--blue-400);--brand-500: var(--blue-500);--brand-600: var(--blue-600);--brand-700: var(--blue-700);--brand-800: var(--blue-800);--brand-900: var(--blue-900);--brand-950: var(--blue-950)}[data-brand=forest]{--brand-50: var(--green-50);--brand-100: var(--green-100);--brand-200: var(--green-200);--brand-300: var(--green-300);--brand-400: var(--green-400);--brand-500: var(--green-500);--brand-600: var(--green-600);--brand-700: var(--green-700);--brand-800: var(--green-800);--brand-900: var(--green-900);--brand-950: var(--green-950)}:root,[data-theme=light],[data-brand],[data-density]{color-scheme:light;--bg-canvas: var(--ink-25);--bg-surface: var(--ink-0);--bg-subtle: var(--ink-50);--bg-muted: var(--ink-100);--bg-elevated: var(--ink-0);--bg-inverse: var(--ink-900);--bg-hover: var(--ink-100);--bg-active: var(--ink-200);--bg-selected: var(--brand-50);--bg-disabled: var(--ink-100);--bg-primary: var(--brand-600);--bg-primary-hover: var(--brand-700);--bg-primary-active: var(--brand-800);--bg-primary-subtle: var(--brand-50);--bg-secondary: var(--ink-100);--bg-secondary-hover: var(--ink-200);--bg-danger: var(--red-600);--bg-danger-hover: var(--red-700);--bg-danger-subtle: var(--red-50);--bg-success-subtle: var(--green-50);--bg-warning-subtle: var(--amber-50);--bg-info-subtle: var(--blue-50);--bg-accent: var(--lime-300);--text-primary: var(--ink-900);--text-secondary: var(--ink-700);--text-tertiary: var(--ink-600);--text-placeholder: var(--ink-500);--text-disabled: var(--ink-400);--text-inverse: var(--ink-0);--text-on-primary: var(--ink-0);--text-on-accent: var(--ink-950);--text-brand: var(--brand-700);--text-link: var(--brand-700);--text-danger: var(--red-700);--text-success: var(--green-700);--text-warning: var(--amber-700);--text-info: var(--blue-700);--border-default: var(--ink-200);--border-subtle: var(--ink-100);--border-strong: var(--ink-300);--border-input: var(--ink-400);--border-focus: var(--brand-500);--border-brand: var(--brand-600);--border-danger: var(--red-500);--border-success: var(--green-500);--border-warning: var(--amber-400);--icon-primary: var(--ink-800);--icon-secondary: var(--ink-500);--icon-brand: var(--brand-600);--icon-on-primary: var(--ink-0);--icon-danger: var(--red-600);--icon-success: var(--green-600);--icon-warning: var(--amber-500);--icon-info: var(--blue-600);--chart-1: var(--brand-600);--chart-2: var(--lime-500);--chart-3: var(--amber-400);--chart-4: var(--rose-500);--chart-5: var(--blue-500);--chart-6: var(--ink-400);--bg-overlay: #0a0a127a;--bg-control-off: var(--ink-400)}[data-theme=dark],[data-theme=dark] [data-brand],[data-theme=dark] [data-density]{color-scheme:dark;--bg-canvas: var(--ink-950);--bg-surface: var(--ink-925);--bg-subtle: var(--ink-900);--bg-muted: var(--ink-850);--bg-elevated: var(--ink-900);--bg-inverse: var(--ink-50);--bg-hover: var(--ink-850);--bg-active: var(--ink-800);--bg-selected: var(--brand-950);--bg-disabled: var(--ink-850);--bg-primary: var(--brand-600);--bg-primary-hover: var(--brand-700);--bg-primary-active: var(--brand-800);--bg-primary-subtle: var(--brand-950);--bg-secondary: var(--ink-800);--bg-secondary-hover: var(--ink-700);--bg-danger: var(--red-600);--bg-danger-hover: var(--red-700);--bg-danger-subtle: var(--red-950);--bg-success-subtle: var(--green-950);--bg-warning-subtle: var(--amber-950);--bg-info-subtle: var(--blue-950);--bg-accent: var(--lime-400);--text-primary: var(--ink-50);--text-secondary: var(--ink-300);--text-tertiary: var(--ink-400);--text-placeholder: var(--ink-500);--text-disabled: var(--ink-600);--text-inverse: var(--ink-900);--text-on-primary: var(--ink-0);--text-on-accent: var(--ink-950);--text-brand: var(--brand-300);--text-link: var(--brand-300);--text-danger: var(--red-400);--text-success: var(--green-400);--text-warning: var(--amber-300);--text-info: var(--blue-300);--border-default: var(--ink-800);--border-subtle: var(--ink-850);--border-strong: var(--ink-700);--border-input: var(--ink-600);--border-focus: var(--brand-400);--border-brand: var(--brand-500);--border-danger: var(--red-400);--border-success: var(--green-400);--border-warning: var(--amber-400);--icon-primary: var(--ink-100);--icon-secondary: var(--ink-400);--icon-brand: var(--brand-400);--icon-on-primary: var(--ink-0);--icon-danger: var(--red-400);--icon-success: var(--green-400);--icon-warning: var(--amber-400);--icon-info: var(--blue-400);--chart-1: var(--brand-400);--chart-2: var(--lime-300);--chart-3: var(--amber-300);--chart-4: var(--rose-400);--chart-5: var(--blue-400);--chart-6: var(--ink-500);--bg-overlay: #000005ad;--bg-control-off: var(--ink-600)}[data-theme=dark] [data-theme=light]{color-scheme:light;--bg-canvas: var(--ink-25);--bg-surface: var(--ink-0);--bg-subtle: var(--ink-50);--bg-muted: var(--ink-100);--bg-elevated: var(--ink-0);--bg-inverse: var(--ink-900);--bg-hover: var(--ink-100);--bg-active: var(--ink-200);--bg-selected: var(--brand-50);--bg-disabled: var(--ink-100);--bg-primary: var(--brand-600);--bg-primary-hover: var(--brand-700);--bg-primary-active: var(--brand-800);--bg-primary-subtle: var(--brand-50);--bg-secondary: var(--ink-100);--bg-secondary-hover: var(--ink-200);--bg-danger: var(--red-600);--bg-danger-hover: var(--red-700);--bg-danger-subtle: var(--red-50);--bg-success-subtle: var(--green-50);--bg-warning-subtle: var(--amber-50);--bg-info-subtle: var(--blue-50);--bg-accent: var(--lime-300);--text-primary: var(--ink-900);--text-secondary: var(--ink-700);--text-tertiary: var(--ink-600);--text-placeholder: var(--ink-500);--text-disabled: var(--ink-400);--text-inverse: var(--ink-0);--text-on-primary: var(--ink-0);--text-on-accent: var(--ink-950);--text-brand: var(--brand-700);--text-link: var(--brand-700);--text-danger: var(--red-700);--text-success: var(--green-700);--text-warning: var(--amber-700);--text-info: var(--blue-700);--border-default: var(--ink-200);--border-subtle: var(--ink-100);--border-strong: var(--ink-300);--border-input: var(--ink-400);--border-focus: var(--brand-500);--border-brand: var(--brand-600);--border-danger: var(--red-500);--border-success: var(--green-500);--border-warning: var(--amber-400);--icon-primary: var(--ink-800);--icon-secondary: var(--ink-500);--icon-brand: var(--brand-600);--icon-on-primary: var(--ink-0);--icon-danger: var(--red-600);--icon-success: var(--green-600);--icon-warning: var(--amber-500);--icon-info: var(--blue-600);--chart-1: var(--brand-600);--chart-2: var(--lime-500);--chart-3: var(--amber-400);--chart-4: var(--rose-500);--chart-5: var(--blue-500);--chart-6: var(--ink-400);--bg-overlay: #0a0a127a;--bg-control-off: var(--ink-400)}:root,[data-density=comfortable]{--control-height-sm: 32px;--control-height-md: 36px;--control-height-lg: 44px;--control-padding-x: 14px;--control-gap: 8px;--layout-card-padding: 24px;--layout-row-height: 52px;--layout-section-gap: 32px}[data-density=compact]{--control-height-sm: 28px;--control-height-md: 32px;--control-height-lg: 36px;--control-padding-x: 10px;--control-gap: 6px;--layout-card-padding: 16px;--layout-row-height: 40px;--layout-section-gap: 20px}