:root{--cajon-brand-50:#f0f9ff;--cajon-brand-100:#e0f2fe;--cajon-brand-200:#bae6fd;--cajon-brand-300:#7dd3fc;--cajon-brand-400:#38bdf8;--cajon-brand-500:#0ea5e9;--cajon-brand-600:#0284c7;--cajon-brand-700:#0369a1;--cajon-brand-800:#075985;--cajon-brand-900:#0c4a6e;--cajon-color-primary:#0ea5e9;--cajon-color-primary-light:#38bdf8;--cajon-color-primary-dark:#0284c7;--cajon-color-primary-tint:#0ea5e90a;--cajon-color-primary-hover:#0ea5e914;--cajon-color-primary-contrast:#fff;--cajon-color-secondary:#64748b;--cajon-color-secondary-light:#94a3b8;--cajon-color-secondary-dark:#475569;--cajon-color-secondary-contrast:#fff;--cajon-color-success:#2e7d32;--cajon-color-success-light:#4caf50;--cajon-color-success-dark:#1b5e20;--cajon-color-success-bg:#2e7d321a;--cajon-color-error:#d32f2f;--cajon-color-error-light:#ef5350;--cajon-color-error-dark:#c62828;--cajon-color-error-bg:#d32f2f1a;--cajon-color-warning:#ed6c02;--cajon-color-warning-light:#ff9800;--cajon-color-warning-dark:#e65100;--cajon-color-warning-bg:#ed6c021a;--cajon-color-info:#0288d1;--cajon-color-info-light:#03a9f4;--cajon-color-info-dark:#01579b;--cajon-color-info-bg:#0288d11a;--cajon-gray-100:#f3f4f6;--cajon-gray-200:#e5e7eb;--cajon-gray-300:#d1d5db;--cajon-gray-400:#9ca3af;--cajon-gray-500:#6b7280;--cajon-gray-600:#4b5563;--cajon-gray-800:#1f2937;--cajon-text-primary:#212121;--cajon-text-secondary:#4b5563;--cajon-text-muted:#6b7280;--cajon-text-placeholder:#9ca3af;--cajon-text-disabled:#9e9e9e;--cajon-text-on-dark:#fff;--cajon-text-on-primary:#fff;--cajon-color-bg-default:#f9fafb;--cajon-color-bg-paper:#fff;--cajon-color-bg-default-dark:#0f172a;--cajon-color-bg-paper-dark:#1e293b;--cajon-color-dark-border:#334155;--cajon-color-dark-sidebar:#1e293b;--cajon-color-dark-nav:#0f172a;--cajon-action-primary-tint:#0ea5e90a;--cajon-action-hover:#0000000a;--cajon-action-selected:#0ea5e914;--cajon-action-disabled:#00000042;--cajon-priority-p1-bg:#fef2f2;--cajon-priority-p1-text:#dc2626;--cajon-priority-p2-bg:#fff7ed;--cajon-priority-p2-text:#ea580c;--cajon-priority-p3-bg:#fefce8;--cajon-priority-p3-text:#ca8a04;--cajon-priority-p4-bg:#eff6ff;--cajon-priority-p4-text:#2563eb;--cajon-priority-p5-bg:#f9fafb;--cajon-priority-p5-text:#6b7280;--cajon-effort-xs-bg:#f0fdf4;--cajon-effort-xs-text:#15803d;--cajon-effort-s-bg:#eff6ff;--cajon-effort-s-text:#1d4ed8;--cajon-effort-m-bg:#fefce8;--cajon-effort-m-text:#a16207;--cajon-effort-l-bg:#fff7ed;--cajon-effort-l-text:#c2410c;--cajon-effort-xl-bg:#fef2f2;--cajon-effort-xl-text:#b91c1c;--cajon-shadow-card:0px 1px 2px #0000000f,0px 1px 3px #00000014;--cajon-shadow-card-strong:0px 4px 6px #00000012,0px 2px 4px #0000000f;--cajon-shadow-card-inset:inset 0px 0px 0px 1px #e5e7eb;--cajon-radius-xs:2px;--cajon-radius-sm:4px;--cajon-radius-md:8px;--cajon-radius-lg:12px;--cajon-radius-xl:16px;--cajon-radius-pill:9999px;--cajon-btn-radius:var(--cajon-radius-sm);--cajon-btn-height-sm:32px;--cajon-btn-height-md:40px;--cajon-btn-height-lg:48px;--cajon-card-radius:var(--cajon-radius-md);--cajon-card-padding:var(--cajon-space-6);--cajon-card-gap:var(--cajon-space-4);--cajon-card-title-size:var(--cajon-type-h5-size);--cajon-card-media-min:240px;--cajon-space-1:4px;--cajon-space-2:8px;--cajon-space-3:12px;--cajon-space-4:16px;--cajon-space-6:24px;--cajon-space-8:32px;--cajon-space-10:40px;--cajon-space-12:48px;--cajon-space-16:64px;--cajon-space-30:120px;--cajon-font-sans:"Inter",system-ui,-apple-system,sans-serif;--cajon-font-display:"Plus Jakarta Sans","Inter",sans-serif;--cajon-font-body:"Roboto","Inter",sans-serif;--cajon-font-serif:Georgia,"Times New Roman",serif;--cajon-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"Courier New",monospace;--cajon-weight-regular:400;--cajon-weight-medium:500;--cajon-weight-semibold:600;--cajon-weight-bold:700;--cajon-type-display-size:56px;--cajon-type-h1-size:96px;--cajon-type-h2-size:60px;--cajon-type-h3-size:48px;--cajon-type-h4-size:34px;--cajon-type-h5-size:24px;--cajon-type-h6-size:18px;--cajon-type-subtitle1-size:16px;--cajon-type-subtitle2-size:14px;--cajon-type-body1-size:16px;--cajon-type-body2-size:14px;--cajon-type-caption-size:12px;--cajon-type-overline-size:12px;--cajon-type-display-line:1.1;--cajon-type-display-weight:var(--cajon-weight-bold);--cajon-type-display-tracking:-.02em;--cajon-type-display-font:var(--cajon-font-display);--cajon-type-h1-line:1.05;--cajon-type-h1-weight:var(--cajon-weight-bold);--cajon-type-h1-tracking:-.025em;--cajon-type-h1-font:var(--cajon-font-display);--cajon-type-h2-line:1.1;--cajon-type-h2-weight:var(--cajon-weight-bold);--cajon-type-h2-tracking:-.02em;--cajon-type-h2-font:var(--cajon-font-display);--cajon-type-h3-line:1.15;--cajon-type-h3-weight:var(--cajon-weight-bold);--cajon-type-h3-tracking:-.015em;--cajon-type-h3-font:var(--cajon-font-display);--cajon-type-h4-line:1.2;--cajon-type-h4-weight:var(--cajon-weight-semibold);--cajon-type-h4-tracking:-.01em;--cajon-type-h4-font:var(--cajon-font-display);--cajon-type-h5-line:1.3;--cajon-type-h5-weight:var(--cajon-weight-semibold);--cajon-type-h5-tracking:-.005em;--cajon-type-h5-font:var(--cajon-font-display);--cajon-type-h6-line:1.4;--cajon-type-h6-weight:var(--cajon-weight-semibold);--cajon-type-h6-tracking:0;--cajon-type-h6-font:var(--cajon-font-display);--cajon-type-subtitle1-line:1.5;--cajon-type-subtitle1-weight:var(--cajon-weight-semibold);--cajon-type-subtitle1-tracking:0;--cajon-type-subtitle1-font:var(--cajon-font-body);--cajon-type-subtitle2-line:1.5;--cajon-type-subtitle2-weight:var(--cajon-weight-medium);--cajon-type-subtitle2-tracking:0;--cajon-type-subtitle2-font:var(--cajon-font-body);--cajon-type-body1-line:1.6;--cajon-type-body1-weight:var(--cajon-weight-regular);--cajon-type-body1-tracking:0;--cajon-type-body1-font:var(--cajon-font-body);--cajon-type-body2-line:1.55;--cajon-type-body2-weight:var(--cajon-weight-regular);--cajon-type-body2-tracking:0;--cajon-type-body2-font:var(--cajon-font-body);--cajon-type-caption-line:1.4;--cajon-type-caption-weight:var(--cajon-weight-regular);--cajon-type-caption-tracking:.01em;--cajon-type-caption-font:var(--cajon-font-sans);--cajon-type-overline-line:1.4;--cajon-type-overline-weight:var(--cajon-weight-semibold);--cajon-type-overline-tracking:.08em;--cajon-type-overline-font:var(--cajon-font-sans);--cajon-type-display-lg-size:88px;--cajon-type-display-lg-line:1;--cajon-type-display-lg-weight:var(--cajon-weight-bold);--cajon-type-display-lg-tracking:-.03em;--cajon-type-display-lg-font:var(--cajon-font-display);--cajon-type-display-md-size:68px;--cajon-type-display-md-line:1.05;--cajon-type-display-md-weight:var(--cajon-weight-bold);--cajon-type-display-md-tracking:-.025em;--cajon-type-display-md-font:var(--cajon-font-display);--cajon-type-display-sm-size:52px;--cajon-type-display-sm-line:1.1;--cajon-type-display-sm-weight:var(--cajon-weight-bold);--cajon-type-display-sm-tracking:-.02em;--cajon-type-display-sm-font:var(--cajon-font-display);--cajon-type-display-xs-size:40px;--cajon-type-display-xs-line:1.1;--cajon-type-display-xs-weight:var(--cajon-weight-bold);--cajon-type-display-xs-tracking:-.02em;--cajon-type-display-xs-font:var(--cajon-font-display);--cajon-type-heading-xxl-size:56px;--cajon-type-heading-xxl-line:1.1;--cajon-type-heading-xxl-weight:var(--cajon-weight-bold);--cajon-type-heading-xxl-tracking:-.02em;--cajon-type-heading-xxl-font:var(--cajon-font-display);--cajon-type-heading-xl-size:44px;--cajon-type-heading-xl-line:1.15;--cajon-type-heading-xl-weight:var(--cajon-weight-bold);--cajon-type-heading-xl-tracking:-.018em;--cajon-type-heading-xl-font:var(--cajon-font-display);--cajon-type-heading-lg-size:34px;--cajon-type-heading-lg-line:1.2;--cajon-type-heading-lg-weight:var(--cajon-weight-bold);--cajon-type-heading-lg-tracking:-.014em;--cajon-type-heading-lg-font:var(--cajon-font-display);--cajon-type-heading-md-size:26px;--cajon-type-heading-md-line:1.25;--cajon-type-heading-md-weight:var(--cajon-weight-semibold);--cajon-type-heading-md-tracking:-.01em;--cajon-type-heading-md-font:var(--cajon-font-display);--cajon-type-heading-sm-size:20px;--cajon-type-heading-sm-line:1.3;--cajon-type-heading-sm-weight:var(--cajon-weight-semibold);--cajon-type-heading-sm-tracking:-.006em;--cajon-type-heading-sm-font:var(--cajon-font-display);--cajon-type-heading-xs-size:16px;--cajon-type-heading-xs-line:1.4;--cajon-type-heading-xs-weight:var(--cajon-weight-semibold);--cajon-type-heading-xs-tracking:0;--cajon-type-heading-xs-font:var(--cajon-font-display);--cajon-type-label-lg-size:16px;--cajon-type-label-lg-line:1.4;--cajon-type-label-lg-weight:var(--cajon-weight-semibold);--cajon-type-label-lg-tracking:0;--cajon-type-label-lg-font:var(--cajon-font-sans);--cajon-type-label-md-size:14px;--cajon-type-label-md-line:1.4;--cajon-type-label-md-weight:var(--cajon-weight-semibold);--cajon-type-label-md-tracking:.005em;--cajon-type-label-md-font:var(--cajon-font-sans);--cajon-type-label-sm-size:12px;--cajon-type-label-sm-line:1.35;--cajon-type-label-sm-weight:var(--cajon-weight-semibold);--cajon-type-label-sm-tracking:.01em;--cajon-type-label-sm-font:var(--cajon-font-sans);--cajon-type-label-xs-size:11px;--cajon-type-label-xs-line:1.3;--cajon-type-label-xs-weight:var(--cajon-weight-bold);--cajon-type-label-xs-tracking:.06em;--cajon-type-label-xs-font:var(--cajon-font-sans);--cajon-type-label-2xs-size:10px;--cajon-type-label-2xs-line:1.3;--cajon-type-label-2xs-weight:var(--cajon-weight-bold);--cajon-type-label-2xs-tracking:.07em;--cajon-type-label-2xs-font:var(--cajon-font-sans);--cajon-type-paragraph-lg-size:18px;--cajon-type-paragraph-lg-line:1.6;--cajon-type-paragraph-lg-weight:var(--cajon-weight-regular);--cajon-type-paragraph-lg-tracking:0;--cajon-type-paragraph-lg-font:var(--cajon-font-body);--cajon-type-paragraph-md-size:16px;--cajon-type-paragraph-md-line:1.6;--cajon-type-paragraph-md-weight:var(--cajon-weight-regular);--cajon-type-paragraph-md-tracking:0;--cajon-type-paragraph-md-font:var(--cajon-font-body);--cajon-type-paragraph-sm-size:14px;--cajon-type-paragraph-sm-line:1.55;--cajon-type-paragraph-sm-weight:var(--cajon-weight-regular);--cajon-type-paragraph-sm-tracking:0;--cajon-type-paragraph-sm-font:var(--cajon-font-body);--cajon-type-paragraph-xs-size:12px;--cajon-type-paragraph-xs-line:1.5;--cajon-type-paragraph-xs-weight:var(--cajon-weight-regular);--cajon-type-paragraph-xs-tracking:.005em;--cajon-type-paragraph-xs-font:var(--cajon-font-body);--cajon-type-paragraph-2xs-size:10px;--cajon-type-paragraph-2xs-line:1.45;--cajon-type-paragraph-2xs-weight:var(--cajon-weight-regular);--cajon-type-paragraph-2xs-tracking:.01em;--cajon-type-paragraph-2xs-font:var(--cajon-font-body);--cajon-type-mono-display-md-size:40px;--cajon-type-mono-display-md-line:1.1;--cajon-type-mono-display-md-weight:var(--cajon-weight-semibold);--cajon-type-mono-display-md-tracking:-.01em;--cajon-type-mono-display-md-font:var(--cajon-font-mono);--cajon-type-mono-label-md-size:14px;--cajon-type-mono-label-md-line:1.4;--cajon-type-mono-label-md-weight:var(--cajon-weight-semibold);--cajon-type-mono-label-md-tracking:0;--cajon-type-mono-label-md-font:var(--cajon-font-mono);--cajon-type-mono-label-sm-size:12px;--cajon-type-mono-label-sm-line:1.35;--cajon-type-mono-label-sm-weight:var(--cajon-weight-semibold);--cajon-type-mono-label-sm-tracking:.01em;--cajon-type-mono-label-sm-font:var(--cajon-font-mono);--cajon-type-mono-paragraph-md-size:15px;--cajon-type-mono-paragraph-md-line:1.6;--cajon-type-mono-paragraph-md-weight:var(--cajon-weight-regular);--cajon-type-mono-paragraph-md-tracking:0;--cajon-type-mono-paragraph-md-font:var(--cajon-font-mono);--cajon-type-mono-paragraph-sm-size:13px;--cajon-type-mono-paragraph-sm-line:1.55;--cajon-type-mono-paragraph-sm-weight:var(--cajon-weight-regular);--cajon-type-mono-paragraph-sm-tracking:0;--cajon-type-mono-paragraph-sm-font:var(--cajon-font-mono);--cajon-gradient-sky:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 100%);--cajon-gradient-ocean:linear-gradient(135deg,#0369a1 0%,#0ea5e9 60%,#38bdf8 100%);--cajon-gradient-aurora:linear-gradient(135deg,#6366f1 0%,#0ea5e9 50%,#06b6d4 100%);--cajon-gradient-dusk:linear-gradient(135deg,#0f172a 0%,#0369a1 50%,#0ea5e9 100%);--cajon-gradient-frost:linear-gradient(135deg,#ffffffe6 0%,#f0f9ffcc 100%);--cajon-glass-bg:#ffffffb8;--cajon-glass-bg-strong:#ffffffe0;--cajon-glass-border:#ffffff8c;--cajon-glass-blur:blur(20px)saturate(180%);--cajon-shadow-xs:0 1px 2px #0000000d;--cajon-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--cajon-shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--cajon-shadow-lg:0 16px 40px #0000001a,0 4px 8px #0000000f;--cajon-shadow-xl:0 24px 60px #00000024,0 8px 16px #00000014;--cajon-glow-primary:0 8px 24px #0ea5e959;--cajon-glow-primary-lg:0 16px 48px #0ea5e966;--cajon-glow-aurora:0 8px 32px #6366f140,0 0 80px #0ea5e926;--cajon-ease-spring:cubic-bezier(.34,1.56,.64,1);--cajon-ease-smooth:cubic-bezier(.4,0,.2,1);--cajon-ease-out:cubic-bezier(0,0,.2,1);--cajon-duration-fast:.12s;--cajon-duration-base:.2s;--cajon-duration-slow:.35s}[data-theme=dark]{--cajon-color-bg-default:#0f172a;--cajon-color-bg-paper:#1e293b;--cajon-text-primary:#f1f5f9;--cajon-text-secondary:#94a3b8;--cajon-text-muted:#64748b;--cajon-text-placeholder:#475569;--cajon-text-disabled:#334155;--cajon-color-primary:#38bdf8;--cajon-color-primary-light:#7dd3fc;--cajon-color-primary-dark:#0ea5e9;--cajon-color-primary-tint:#38bdf814;--cajon-color-primary-hover:#38bdf81f;--cajon-color-secondary:#94a3b8;--cajon-color-secondary-light:#cbd5e1;--cajon-color-secondary-dark:#64748b;--cajon-color-success:#4ade80;--cajon-color-success-light:#86efac;--cajon-color-success-bg:#4ade801a;--cajon-color-error:#f87171;--cajon-color-error-light:#fca5a5;--cajon-color-error-bg:#f871711a;--cajon-color-warning:#fb923c;--cajon-color-warning-light:#fdba74;--cajon-color-warning-bg:#fb923c1a;--cajon-color-info:#38bdf8;--cajon-color-info-bg:#38bdf81a;--cajon-color-dark-border:#334155;--cajon-shadow-card-inset:inset 0 0 0 1px #334155;--cajon-shadow-card:0px 2px 4px #0000004d,0px 1px 2px #0003;--cajon-action-hover:#ffffff0d;--cajon-action-selected:#38bdf81f}

html[data-theme-id=codazen]{--cajon-brand-50:#f8fce7;--cajon-brand-100:#f0f9cf;--cajon-brand-200:#e2f49d;--cajon-brand-300:#daf186;--cajon-brand-400:#afc16c;--cajon-brand-500:#839150;--cajon-brand-600:#576036;--cajon-brand-700:#2c301b;--cajon-brand-800:#1f2113;--cajon-brand-900:#11120a;--cajon-color-primary:#1c1b1c;--cajon-color-primary-light:#2f2f2c;--cajon-color-primary-dark:#0a0a0a;--cajon-color-primary-tint:#1c1b1c0f;--cajon-color-primary-hover:#1c1b1c1a;--cajon-color-primary-contrast:#daf186;--cajon-text-primary:#1c1b1c;--cajon-text-secondary:#41423d;--cajon-text-muted:#67685e;--cajon-color-bg-default:#fff;--cajon-color-bg-paper:#fff;--cajon-color-bg-surface-alt:#f5f5f5;--cajon-color-border-default:#d4d5c8;--cajon-color-border-subtle:#e8e9e0;--cajon-action-primary-tint:#1c1b1c0f;--cajon-action-selected:#1c1b1c1a;--cajon-action-solid:#1c1b1c;--cajon-action-solid-hover:#2f2f2c;--cajon-action-solid-contrast:#daf186;--cajon-overlay-glass:#ffffffb3;--cajon-overlay-glass-border:#8989864d;--cajon-gradient-brand:linear-gradient(135deg,#daf186 0%,#f7ffb6 100%);--cajon-glow-primary:0 8px 24px #daf1864d;--cajon-glow-primary-lg:0 16px 48px #daf18659;--cajon-font-sans:"Inter",system-ui,-apple-system,sans-serif;--cajon-font-display:"Inter",system-ui,-apple-system,sans-serif;--cajon-font-body:"Inter",system-ui,-apple-system,sans-serif;--cajon-font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,"Courier New",monospace;--cajon-font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;--cajon-btn-radius:var(--cajon-radius-pill);--cajon-btn-height-sm:32px;--cajon-btn-height-md:40px;--cajon-btn-height-lg:48px;--cajon-component-input-height:40px}html[data-theme-id=codazen][data-theme=dark]{--cajon-color-primary:#daf186;--cajon-color-primary-light:#e2f49e;--cajon-color-primary-dark:#afc16c;--cajon-color-primary-tint:#daf18614;--cajon-color-primary-hover:#daf18624;--cajon-color-primary-contrast:#171717;--cajon-text-primary:#ededed;--cajon-text-secondary:#c4c6b0;--cajon-text-muted:#8e8e8e;--cajon-color-bg-default:#0a0a0a;--cajon-color-bg-paper:#171717;--cajon-color-bg-surface-alt:#1f1f1f;--cajon-color-border-default:#89898640;--cajon-color-border-subtle:#89898624;--cajon-action-primary-tint:#daf18614;--cajon-action-selected:#daf18624;--cajon-action-solid:var(--cajon-color-primary);--cajon-action-solid-hover:var(--cajon-color-primary-dark);--cajon-action-solid-contrast:var(--cajon-color-primary-contrast);--cajon-overlay-glass:#35353559;--cajon-overlay-glass-border:#89898669;--cajon-color-dark-border:var(--cajon-overlay-glass-border);--cajon-glow-primary:0 8px 24px #daf18659;--cajon-glow-primary-lg:0 16px 48px #daf18666}