:root{--purple-50:#F7F6F9;--purple-100:#EDE9F1;--purple-200:#D9D0E2;--purple-300:#B9A6C9;--purple-400:#8E6DAB;--purple-500:#6D4D89;--purple-600:#533A69;--purple-650:#48335B;--purple-700:#3E2C4E;--purple-750:#352642;--purple-800:#2C2136;--purple-900:#1D1424;--purple-950:#100B14;--cream-50:#F8F8F6;--cream-100:#F0EEEA;--cream-200:#E0DBD2;--cream-300:#C6BCA9;--cream-400:#A59573;--cream-500:#847352;--cream-600:#65583E;--cream-700:#4B422F;--cream-800:#342E23;--cream-900:#221E16;--cream-950:#13110B;--gray-50:#F7F7F8;--gray-100:#EDECEE;--gray-200:#D9D7DB;--gray-300:#B8B4BB;--gray-400:#8D8593;--gray-500:#6C6473;--gray-600:#524B58;--gray-700:#3D3941;--gray-800:#2B292E;--gray-900:#1C1A1E;--gray-950:#0F0E11;--success-50:#F5FAF7;--success-100:#E7F3EC;--success-200:#CCE5D7;--success-300:#9FD1B3;--success-400:#62B785;--success-500:#429464;--success-600:#32714C;--success-700:#265439;--success-800:#1C3B29;--success-900:#12261A;--success-950:#09150E;--error-50:#FBF4F4;--error-100:#F6E6E5;--error-200:#EBC9C6;--error-300:#DB9994;--error-400:#C85951;--error-500:#A43A32;--error-600:#7E2B26;--error-700:#5E211D;--error-800:#411916;--error-900:#2B0F0D;--error-950:#180807;--warning-50:#FBF9F4;--warning-100:#F6F1E4;--warning-200:#EDE1C4;--warning-300:#DFC790;--warning-400:#CEA64B;--warning-500:#A9842D;--warning-600:#826521;--warning-700:#614B1A;--warning-800:#433514;--warning-900:#2C220C;--warning-950:#181306;--info-50:#F4F7FA;--info-100:#E6ECF5;--info-200:#C8D6E9;--info-300:#97B2D8;--info-400:#5683C2;--info-500:#38639F;--info-600:#2A4B7A;--info-700:#20385B;--info-800:#18283F;--info-900:#0F1A29;--info-950:#080E17;--color-bg-primary:var(--cream-50);--color-bg-default:var(--color-bg-primary);--color-bg-secondary:var(--cream-100);--color-bg-tertiary:var(--cream-200);--color-bg-inverse:var(--purple-800);--color-bg-subtle:rgba(0,0,0,0.03);--color-bg-hover:rgba(0,0,0,0.06);--color-bg-hover-strong:rgba(0,0,0,0.1);--color-fg-primary:var(--gray-900);--color-fg-default:var(--color-fg-primary);--color-fg-secondary:var(--gray-600);--color-fg-muted:var(--gray-500);--color-fg-subtle:var(--gray-400);--color-fg-inverse:var(--cream-50);--color-border-default:var(--gray-200);--color-border-strong:var(--gray-300);--color-border-subtle:var(--gray-100);--color-primary:var(--purple-700);--color-primary-hover:var(--purple-800);--color-primary-active:var(--purple-900);--color-primary-subtle:var(--purple-100);--color-primary-fg:var(--cream-50);--color-accent-surface-bg:var(--color-primary-subtle);--color-accent-surface-fg:var(--purple-700);--color-interactive-selected-bg:var(--color-primary);--color-interactive-selected-hover:var(--color-primary-hover);--color-interactive-selected-fg:var(--color-primary-fg);--color-secondary:var(--purple-100);--color-secondary-hover:var(--purple-200);--color-secondary-fg:var(--gray-700);--color-tertiary-border:var(--gray-300);--color-tertiary-hover:var(--gray-100);--color-tertiary-fg:var(--gray-700);--color-icon-default:var(--gray-600);--color-icon-muted:var(--gray-400);--color-icon-primary:var(--purple-600);--color-icon-success:var(--success-600);--color-icon-error:var(--error-600);--color-icon-warning:var(--warning-600);--color-icon-info:var(--info-600);--color-success:var(--success-600);--color-success-subtle:var(--success-100);--color-success-border:var(--success-300);--color-success-fg:var(--success-700);--color-error:var(--error-600);--color-error-hover:var(--error-700);--color-error-subtle:var(--error-100);--color-error-border:var(--error-300);--color-error-fg:var(--error-700);--color-warning:var(--warning-600);--color-warning-subtle:var(--warning-100);--color-warning-border:var(--warning-300);--color-warning-fg:var(--warning-700);--color-info:var(--info-600);--color-info-subtle:var(--info-100);--color-info-border:var(--info-300);--color-info-fg:var(--info-700);--color-success-dot:var(--success-500);--color-error-dot:var(--error-500);--color-warning-dot:var(--warning-500);--color-info-dot:var(--info-500);--badge-neutral-bg:var(--gray-100);--badge-neutral-fg:var(--gray-700);--badge-neutral-border:1px solid var(--gray-300);--badge-neutral-dot:var(--gray-500);--badge-success-bg:#B8DEC8;--badge-success-fg:#1A4228;--badge-success-border:1px solid #7BC49D;--badge-success-dot:var(--success-500);--badge-error-bg:#E8B8B4;--badge-error-fg:#4A1815;--badge-error-border:1px solid #D08A84;--badge-error-dot:var(--error-500);--badge-warning-bg:#EBD9A8;--badge-warning-fg:#4A3912;--badge-warning-border:1px solid #D4BC70;--badge-warning-dot:var(--warning-500);--badge-info-bg:#B4C8E0;--badge-info-fg:#182C48;--badge-info-border:1px solid #7CA4CC;--badge-info-dot:var(--info-500);--badge-primary-bg:var(--purple-100);--badge-primary-fg:var(--purple-800);--badge-primary-border:1px solid var(--purple-300);--badge-primary-dot:var(--purple-500);--badge-active-bg:var(--purple-700);--badge-active-fg:var(--cream-50);--badge-active-border:1px solid var(--purple-700);--badge-active-dot:var(--cream-100);--badge-tinted-bg:var(--purple-200);--badge-tinted-fg:var(--purple-800);--badge-tinted-border:1px solid var(--purple-400);--badge-tinted-dot:var(--purple-600);--timeline-marker-sm:12px;--timeline-marker-md:16px;--timeline-marker-lg:20px;--timeline-connector-width:2px;--timeline-connector-color:var(--gray-400);--timeline-marker-bg:var(--surface-elevated);--timeline-marker-border-color:var(--gray-400);--timeline-marker-border-width:2px;--timeline-marker-active-bg:var(--color-primary);--timeline-marker-active-border:var(--color-primary);--timeline-gap-sm:var(--space-4);--timeline-gap-md:var(--space-6);--timeline-gap-lg:var(--space-8);--timeline-horizontal-gap:var(--space-8);--timeline-date-color:var(--color-fg-muted);--timeline-date-color-active:var(--color-primary);--opacity-0:0;--opacity-5:0.05;--opacity-10:0.1;--opacity-15:0.15;--opacity-20:0.2;--opacity-25:0.25;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--overlay-subtle:rgba(255,255,255,0.05);--overlay-light:rgba(255,255,255,0.1);--overlay-medium:rgba(255,255,255,0.2);--overlay-heavy:rgba(255,255,255,0.4);--overlay-dark-subtle:rgba(0,0,0,0.05);--overlay-dark-light:rgba(0,0,0,0.1);--overlay-dark-medium:rgba(0,0,0,0.2);--overlay-dark-heavy:rgba(0,0,0,0.4);--backdrop:rgba(0,0,0,0.5);--backdrop-heavy:rgba(0,0,0,0.7);--scrim:rgba(0,0,0,0.8);--overlay-brand-subtle:rgba(44,33,54,0.05);--overlay-brand-light:rgba(44,33,54,0.1);--overlay-brand-medium:rgba(44,33,54,0.2);--font-display:var(--font-clash),system-ui,-apple-system,sans-serif;--font-heading:var(--font-clash),system-ui,-apple-system,sans-serif;--font-body:var(--font-satoshi),system-ui,-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-4xl:3.052rem;--text-5xl:3.815rem;--text-6xl:4.768rem;--text-7xl:5.96rem;--tracking-tighter:-0.03em;--tracking-tight:-0.02em;--tracking-display:-0.01em;--tracking-heading:0;--tracking-normal:0;--tracking-wide:0.08em;--tracking-wider:0.1em;--tracking-widest:0.12em;--leading-none:1;--leading-display:1.1;--leading-heading:1.25;--leading-tight:1.375;--leading-snug:1.5;--leading-body:1.6;--leading-relaxed:1.75;--leading-loose:2;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--weight-display:600;--weight-heading:600;--weight-subheading:500;--weight-body:400;--weight-light:300;--text-display-xl-size:var(--text-6xl);--text-display-xl-weight:var(--weight-display);--text-display-xl-leading:var(--leading-display);--text-display-xl-tracking:var(--tracking-display);--text-display-xl-family:var(--font-display);--text-display-size:var(--text-5xl);--text-display-weight:var(--weight-display);--text-display-leading:var(--leading-display);--text-display-tracking:var(--tracking-display);--text-display-family:var(--font-display);--text-h1-size:var(--text-4xl);--text-h1-weight:var(--weight-heading);--text-h1-leading:var(--leading-heading);--text-h1-tracking:var(--tracking-display);--text-h1-family:var(--font-heading);--text-h2-size:var(--text-3xl);--text-h2-weight:var(--weight-heading);--text-h2-leading:var(--leading-heading);--text-h2-tracking:var(--tracking-heading);--text-h2-family:var(--font-heading);--text-h3-size:var(--text-2xl);--text-h3-weight:var(--weight-heading);--text-h3-leading:var(--leading-heading);--text-h3-tracking:var(--tracking-heading);--text-h3-family:var(--font-heading);--text-h4-size:var(--text-xl);--text-h4-weight:var(--weight-subheading);--text-h4-leading:var(--leading-heading);--text-h4-tracking:var(--tracking-heading);--text-h4-family:var(--font-heading);--text-body-lg-size:var(--text-lg);--text-body-lg-weight:var(--weight-body);--text-body-lg-leading:var(--leading-body);--text-body-lg-tracking:var(--tracking-normal);--text-body-lg-family:var(--font-body);--text-body-size:var(--text-base);--text-body-weight:var(--weight-body);--text-body-leading:var(--leading-body);--text-body-tracking:var(--tracking-normal);--text-body-family:var(--font-body);--text-body-sm-size:var(--text-sm);--text-body-sm-weight:var(--weight-body);--text-body-sm-leading:var(--leading-body);--text-body-sm-tracking:var(--tracking-normal);--text-body-sm-family:var(--font-body);--text-caption-size:var(--text-xs);--text-caption-weight:var(--weight-body);--text-caption-leading:var(--leading-snug);--text-caption-tracking:var(--tracking-normal);--text-caption-family:var(--font-body);--text-overline-size:var(--text-xs);--text-overline-weight:var(--font-weight-medium);--text-overline-leading:var(--leading-snug);--text-overline-tracking:var(--tracking-wide);--text-overline-transform:uppercase;--text-overline-family:var(--font-body);--text-quote-size:var(--text-xl);--text-quote-weight:var(--weight-light);--text-quote-leading:var(--leading-relaxed);--text-quote-tracking:var(--tracking-normal);--text-quote-style:italic;--text-quote-family:var(--font-body);--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--squircle-sm:20%;--squircle-md:25%;--squircle-lg:30%;--squircle-xl:35%;--shadow-sm:0 1px 2px rgb(0 0 0/0.06),0 1px 3px rgb(0 0 0/0.04);--shadow-md:0 1px 2px rgb(0 0 0/0.05),0 4px 8px rgb(0 0 0/0.06),0 12px 24px rgb(0 0 0/0.04);--shadow-lg:0 2px 4px rgb(0 0 0/0.04),0 8px 16px rgb(0 0 0/0.08),0 24px 48px rgb(0 0 0/0.06);--shadow-xl:0 4px 8px rgb(0 0 0/0.04),0 16px 32px rgb(0 0 0/0.1),0 48px 64px rgb(0 0 0/0.08);--shadow-card:0 1px 2px rgb(0 0 0/0.04),0 4px 8px rgb(0 0 0/0.05),0 12px 24px rgb(109 77 137/0.04);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--container-xs:clamp(280px,90vw,512px);--container-sm:clamp(320px,90vw,640px);--container-md:clamp(480px,90vw,768px);--container-lg:clamp(640px,92vw,1024px);--container-xl:clamp(768px,94vw,1280px);--container-2xl:clamp(1024px,96vw,1536px);--container-prose:65ch;--header-height:80px;--sidebar-width:clamp(240px,25vw,320px);--gap-xs:clamp(0.125rem,0.5vw,0.25rem);--gap-sm:clamp(0.375rem,1vw,0.5rem);--gap-md:clamp(0.75rem,2vw,1rem);--gap-lg:clamp(1rem,2.5vw,1.5rem);--gap-xl:clamp(1.5rem,3vw,2rem);--gap-2xl:clamp(2rem,4vw,3rem);--gap-3xl:clamp(2.5rem,5vw,4rem);--section-compact:clamp(1rem,3vw,2rem);--section-normal:clamp(2rem,6vw,4rem);--section-spacious:clamp(3rem,8vw,6rem);--section-hero:clamp(4rem,12vw,8rem);--focus-ring-color:var(--purple-500);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-offset-color:var(--cream-50);--focus-ring-shadow:0 0 0 4px rgba(109,77,137,0.2);--color-link:var(--purple-600);--color-link-hover:var(--purple-700);--color-link-visited:var(--purple-500);--color-link-active:var(--purple-800);--link-underline-color:var(--purple-300);--link-underline-height:1px;--link-underline-offset:2px;--color-action-link:var(--purple-700);--color-action-link-hover:var(--purple-800);--color-disabled-bg:var(--gray-100);--color-disabled-fg:var(--gray-400);--color-disabled-border:var(--gray-200);--input-bg:#FFFFFF;--input-border:var(--gray-300);--input-border-hover:var(--gray-400);--input-border-focus:var(--purple-500);--input-placeholder:var(--gray-400);--input-text:var(--gray-900);--input-border-width:1px;--form-field-gap:var(--space-4);--form-label-gap:var(--space-2);--form-help-gap:var(--space-1);--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--control-size-sm:16px;--control-size-md:20px;--control-size-lg:24px;--toast-bg:var(--surface-elevated);--toast-border:var(--color-border-default);--toast-shadow:var(--shadow-lg);--toast-radius:var(--radius-lg);--toast-padding:var(--space-4);--toast-gap:var(--space-3);--toast-max-width:420px;--toast-success-accent:var(--color-success);--toast-error-accent:var(--color-error);--toast-warning-accent:var(--color-warning);--toast-info-accent:var(--color-info);--progress-track-bg:var(--gray-200);--progress-indicator-bg:var(--color-primary);--progress-height-sm:4px;--progress-height-md:8px;--progress-height-lg:12px;--spinner-track-color:var(--gray-200);--spinner-indicator-color:var(--gray-600);--surface-base:var(--cream-50);--surface-muted:var(--cream-100);--surface-raised:#FFFFFF;--surface-elevated:#FFFFFF;--surface-overlay:#FFFFFF;--surface-menu:#FFFFFF;--surface-tooltip:#FFFFFF;--surface-menu-border:var(--color-border-default);--z-overlay-base:900;--z-overlay-modal:1000;--z-overlay-menu:1200;--z-overlay-tooltip:1300;--glass-bg:rgba(255,255,255,0.75);--glass-border:rgba(255,255,255,0.3);--glass-shadow:0 8px 32px rgba(0,0,0,0.08);--selection-bg:var(--purple-200);--selection-fg:var(--purple-900);--skeleton-base:var(--cream-200);--skeleton-shimmer:var(--cream-100);--skeleton-duration:2s;--gradient-hero:linear-gradient(135deg,var(--purple-100) 0%,var(--cream-50) 100%);--gradient-accent:linear-gradient(135deg,var(--purple-500) 0%,var(--purple-700) 100%);--gradient-subtle:linear-gradient(180deg,var(--cream-50) 0%,var(--cream-100) 100%);--gradient-text:linear-gradient(135deg,var(--purple-600) 0%,var(--purple-400) 100%);--gradient-primary-btn:linear-gradient(180deg,var(--purple-600) 0%,var(--purple-700) 100%);--gradient-primary-btn-hover:linear-gradient(180deg,var(--purple-500) 0%,var(--purple-600) 100%);--gradient-danger-btn:linear-gradient(180deg,var(--error-500) 0%,var(--error-600) 100%);--gradient-danger-btn-hover:linear-gradient(180deg,var(--error-400) 0%,var(--error-500) 100%);--dataviz-1:var(--purple-500);--dataviz-2:#5A7B9A;--dataviz-3:#5F9A6F;--dataviz-4:#B89D50;--dataviz-5:#A86B6B;--dataviz-6:var(--purple-400);--dataviz-7:#5A8D8D;--dataviz-8:#9A8870;--social-linkedin:#3B6E94;--social-twitter:#5B9DC2;--social-github:#4A4A4A;--social-dribbble:#C77A9A;--social-figma:#C77A6B;--social-youtube:#C25A5A;--social-instagram:#C77A8A;--social-medium:#4A4A4A}.dark,[data-theme=dark]{--color-bg-primary:var(--purple-800);--color-bg-default:var(--color-bg-primary);--color-bg-secondary:var(--purple-700);--color-bg-tertiary:var(--purple-600);--color-bg-inverse:var(--cream-50);--color-bg-subtle:rgba(255,255,255,0.04);--color-bg-hover:rgba(255,255,255,0.08);--color-bg-hover-strong:rgba(255,255,255,0.12);--color-fg-primary:var(--cream-100);--color-fg-default:var(--color-fg-primary);--color-fg-secondary:var(--cream-300);--color-fg-muted:var(--gray-300);--color-fg-subtle:var(--gray-400);--color-fg-inverse:var(--purple-900);--color-border-default:var(--purple-650);--color-border-strong:var(--purple-600);--color-border-subtle:var(--purple-700);--color-primary:var(--purple-500);--color-primary-hover:var(--purple-400);--color-primary-active:var(--purple-600);--color-primary-subtle:var(--purple-700);--color-primary-fg:var(--cream-100);--color-accent-surface-bg:var(--color-primary-subtle);--color-accent-surface-fg:var(--cream-100);--color-interactive-selected-bg:var(--color-primary);--color-interactive-selected-hover:var(--color-primary-hover);--color-interactive-selected-fg:var(--color-primary-fg);--color-secondary:var(--purple-600);--color-secondary-hover:var(--purple-500);--color-secondary-fg:var(--cream-100);--color-tertiary-border:var(--purple-500);--color-tertiary-hover:var(--purple-700);--color-tertiary-fg:var(--cream-200);--color-icon-default:var(--gray-300);--color-icon-muted:var(--gray-500);--color-icon-primary:var(--purple-300);--color-icon-success:var(--success-400);--color-icon-error:var(--error-400);--color-icon-warning:var(--warning-400);--color-icon-info:var(--info-400);--color-success:var(--success-400);--color-success-subtle:rgba(66,148,100,0.15);--color-success-border:var(--success-500);--color-success-fg:var(--success-300);--color-error:var(--error-500);--color-error-hover:var(--error-600);--color-error-subtle:rgba(164,58,50,0.15);--color-error-border:var(--error-500);--color-error-fg:var(--error-300);--color-warning:var(--warning-400);--color-warning-subtle:rgba(169,132,45,0.15);--color-warning-border:var(--warning-500);--color-warning-fg:var(--warning-300);--color-info:var(--info-400);--color-info-subtle:rgba(56,99,159,0.15);--color-info-border:var(--info-500);--color-info-fg:var(--info-300);--color-success-dot:var(--success-400);--color-error-dot:var(--error-400);--color-warning-dot:var(--warning-400);--color-info-dot:var(--info-400);--badge-neutral-bg:rgba(138,133,147,0.15);--badge-neutral-fg:var(--gray-300);--badge-neutral-border:1px solid var(--gray-500);--badge-neutral-dot:var(--gray-400);--badge-success-bg:rgba(66,148,100,0.15);--badge-success-fg:#9FD1B3;--badge-success-border:1px solid #429464;--badge-success-dot:var(--success-400);--badge-error-bg:rgba(164,58,50,0.15);--badge-error-fg:#DB9994;--badge-error-border:1px solid #A43A32;--badge-error-dot:var(--error-400);--badge-warning-bg:rgba(169,132,45,0.15);--badge-warning-fg:#DFC790;--badge-warning-border:1px solid #A9842D;--badge-warning-dot:var(--warning-400);--badge-info-bg:rgba(56,99,159,0.15);--badge-info-fg:#97B2D8;--badge-info-border:1px solid #38639F;--badge-info-dot:var(--info-400);--badge-primary-bg:rgba(109,77,137,0.15);--badge-primary-fg:var(--purple-300);--badge-primary-border:1px solid var(--purple-500);--badge-primary-dot:var(--purple-400);--badge-active-bg:var(--cream-100);--badge-active-fg:var(--purple-800);--badge-active-border:none;--badge-active-dot:var(--purple-700);--badge-tinted-bg:var(--purple-600);--badge-tinted-fg:var(--cream-100);--badge-tinted-border:1px solid var(--purple-500);--badge-tinted-dot:var(--purple-300);--timeline-connector-color:var(--gray-500);--timeline-marker-border-color:var(--gray-500);--timeline-marker-bg:var(--surface-elevated);--shadow-sm:0 1px 2px rgb(0 0 0/0.15),0 1px 3px rgb(0 0 0/0.1);--shadow-md:0 1px 2px rgb(0 0 0/0.12),0 4px 8px rgb(0 0 0/0.16),0 12px 24px rgb(0 0 0/0.12);--shadow-lg:0 2px 4px rgb(0 0 0/0.1),0 8px 16px rgb(0 0 0/0.2),0 24px 48px rgb(0 0 0/0.15);--shadow-xl:0 4px 8px rgb(0 0 0/0.1),0 16px 32px rgb(0 0 0/0.25),0 48px 64px rgb(0 0 0/0.2);--shadow-card:0 1px 2px rgb(0 0 0/0.1),0 4px 8px rgb(0 0 0/0.15),0 12px 24px rgb(0 0 0/0.1);--overlay-subtle:rgba(240,238,234,0.05);--overlay-light:rgba(240,238,234,0.1);--overlay-medium:rgba(240,238,234,0.15);--overlay-heavy:rgba(240,238,234,0.25);--overlay-brand-subtle:rgba(240,238,234,0.05);--overlay-brand-light:rgba(240,238,234,0.1);--overlay-brand-medium:rgba(240,238,234,0.15);--backdrop:rgba(16,11,20,0.7);--backdrop-heavy:rgba(16,11,20,0.85);--scrim:rgba(16,11,20,0.95);--focus-ring-color:var(--purple-400);--focus-ring-offset-color:var(--purple-800);--focus-ring-shadow:0 0 0 4px rgba(185,166,201,0.25);--color-link:var(--purple-200);--color-link-hover:var(--purple-100);--color-link-visited:var(--purple-300);--color-link-active:var(--cream-50);--link-underline-color:var(--purple-300);--color-action-link:var(--purple-200);--color-action-link-hover:var(--purple-100);--color-disabled-bg:var(--purple-700);--color-disabled-fg:var(--gray-500);--color-disabled-border:var(--purple-600);--input-bg:var(--purple-900);--input-border:var(--purple-600);--input-border-hover:var(--purple-500);--input-border-focus:var(--purple-400);--input-placeholder:var(--gray-500);--input-text:var(--cream-100);--toast-bg:var(--surface-elevated);--toast-border:var(--color-border-default);--progress-track-bg:var(--purple-700);--spinner-track-color:var(--purple-600);--spinner-indicator-color:var(--cream-200);--surface-base:var(--purple-800);--surface-muted:var(--purple-750);--surface-raised:var(--purple-700);--surface-elevated:var(--purple-650);--surface-overlay:var(--purple-700);--surface-menu:var(--purple-650);--surface-tooltip:var(--purple-650);--surface-menu-border:var(--purple-500);--glass-bg:rgba(44,35,52,0.65);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.3);--selection-bg:var(--purple-600);--selection-fg:var(--cream-100);--skeleton-base:var(--purple-700);--skeleton-shimmer:var(--purple-600);--gradient-hero:linear-gradient(135deg,var(--purple-900) 0%,var(--purple-800) 60%,var(--cream-900) 100%);--gradient-accent:linear-gradient(135deg,var(--purple-400) 0%,var(--purple-600) 100%);--gradient-subtle:linear-gradient(180deg,var(--purple-800) 0%,#231D2A 100%);--gradient-text:linear-gradient(135deg,var(--purple-300) 0%,var(--purple-400) 100%);--gradient-primary-btn:linear-gradient(180deg,var(--purple-400) 0%,var(--purple-500) 100%);--gradient-primary-btn-hover:linear-gradient(180deg,var(--purple-300) 0%,var(--purple-400) 100%);--gradient-danger-btn:linear-gradient(180deg,var(--error-500) 0%,var(--error-600) 100%);--gradient-danger-btn-hover:linear-gradient(180deg,var(--error-400) 0%,var(--error-500) 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-primary:var(--purple-800);--color-bg-default:var(--color-bg-primary);--color-bg-secondary:var(--purple-700);--color-bg-tertiary:var(--purple-600);--color-bg-inverse:var(--cream-50);--color-bg-subtle:rgba(255,255,255,0.04);--color-bg-hover:rgba(255,255,255,0.08);--color-bg-hover-strong:rgba(255,255,255,0.12);--color-fg-primary:var(--cream-100);--color-fg-default:var(--color-fg-primary);--color-fg-secondary:var(--cream-300);--color-fg-muted:var(--gray-300);--color-fg-subtle:var(--gray-400);--color-fg-inverse:var(--purple-900);--color-border-default:var(--purple-650);--color-border-strong:var(--purple-600);--color-border-subtle:var(--purple-700);--color-primary:var(--purple-500);--color-primary-hover:var(--purple-400);--color-primary-active:var(--purple-600);--color-primary-subtle:var(--purple-700);--color-primary-fg:var(--cream-100);--color-secondary:var(--purple-600);--color-secondary-hover:var(--purple-500);--color-secondary-fg:var(--cream-100);--color-tertiary-border:var(--purple-500);--color-tertiary-hover:var(--purple-700);--color-tertiary-fg:var(--cream-200);--color-success:var(--success-400);--color-success-subtle:rgba(66,148,100,0.15);--color-success-border:var(--success-500);--color-success-fg:var(--success-300);--color-error:var(--error-500);--color-error-hover:var(--error-600);--color-error-subtle:rgba(164,58,50,0.15);--color-error-border:var(--error-500);--color-error-fg:var(--error-300);--color-warning:var(--warning-400);--color-warning-subtle:rgba(169,132,45,0.15);--color-warning-border:var(--warning-500);--color-warning-fg:var(--warning-300);--color-info:var(--info-400);--color-info-subtle:rgba(56,99,159,0.15);--color-info-border:var(--info-500);--color-info-fg:var(--info-300);--color-success-dot:var(--success-400);--color-error-dot:var(--error-400);--color-warning-dot:var(--warning-400);--color-info-dot:var(--info-400);--timeline-connector-color:var(--gray-500);--timeline-marker-border-color:var(--gray-500);--timeline-marker-bg:var(--surface-elevated);--shadow-sm:0 1px 2px rgb(0 0 0/0.15),0 1px 3px rgb(0 0 0/0.1);--shadow-md:0 1px 2px rgb(0 0 0/0.12),0 4px 8px rgb(0 0 0/0.16),0 12px 24px rgb(0 0 0/0.12);--shadow-lg:0 2px 4px rgb(0 0 0/0.1),0 8px 16px rgb(0 0 0/0.2),0 24px 48px rgb(0 0 0/0.15);--shadow-xl:0 4px 8px rgb(0 0 0/0.1),0 16px 32px rgb(0 0 0/0.25),0 48px 64px rgb(0 0 0/0.2);--shadow-card:0 1px 2px rgb(0 0 0/0.1),0 4px 8px rgb(0 0 0/0.15),0 12px 24px rgb(0 0 0/0.1);--overlay-subtle:rgba(240,238,234,0.05);--overlay-light:rgba(240,238,234,0.1);--overlay-medium:rgba(240,238,234,0.15);--overlay-heavy:rgba(240,238,234,0.25);--overlay-brand-subtle:rgba(240,238,234,0.05);--overlay-brand-light:rgba(240,238,234,0.1);--overlay-brand-medium:rgba(240,238,234,0.15);--backdrop:rgba(16,11,20,0.7);--backdrop-heavy:rgba(16,11,20,0.85);--scrim:rgba(16,11,20,0.95);--focus-ring-color:var(--purple-400);--focus-ring-offset-color:var(--purple-800);--focus-ring-shadow:0 0 0 4px rgba(185,166,201,0.25);--color-link:var(--purple-200);--color-link-hover:var(--purple-100);--color-link-visited:var(--purple-300);--color-link-active:var(--cream-50);--link-underline-color:var(--purple-300);--color-action-link:var(--purple-200);--color-action-link-hover:var(--purple-100);--color-disabled-bg:var(--purple-700);--color-disabled-fg:var(--gray-500);--color-disabled-border:var(--purple-600);--input-bg:var(--purple-900);--input-border:var(--purple-600);--input-border-hover:var(--purple-500);--input-border-focus:var(--purple-400);--input-placeholder:var(--gray-500);--input-text:var(--cream-100);--surface-base:var(--purple-800);--surface-muted:var(--purple-750);--surface-raised:var(--purple-700);--surface-elevated:var(--purple-650);--surface-overlay:var(--purple-700);--glass-bg:rgba(44,35,52,0.65);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px rgba(0,0,0,0.3);--selection-bg:var(--purple-600);--selection-fg:var(--cream-100);--skeleton-base:var(--purple-700);--skeleton-shimmer:var(--purple-600);--gradient-hero:linear-gradient(135deg,var(--purple-900) 0%,var(--purple-800) 60%,var(--cream-900) 100%);--gradient-accent:linear-gradient(135deg,var(--purple-400) 0%,var(--purple-600) 100%);--gradient-subtle:linear-gradient(180deg,var(--purple-800) 0%,#231D2A 100%);--gradient-text:linear-gradient(135deg,var(--purple-300) 0%,var(--purple-400) 100%)}}