:root{--color-primary:#ff0000;--color-primary-dark:#cc0000;--color-primary-light:#ff3333;--color-secondary:#0000ff;--color-secondary-dark:#0000cc;--color-secondary-light:#3333ff;--color-neutral-white:#ffffff;--color-neutral-light:#f5f5dc;--color-neutral-gray:#808080;--color-neutral-dark:#4d4d4d;--color-success:#00ff00;--color-warning:#ffff00;--color-danger:#ff0000;--color-info:#0000ff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"Kode Mono","VT323","Courier New",monospace;--font-family-display:"Doto","Monofett",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.05em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--letter-spacing-wider:0.1em;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-round:50%;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--grid-columns:12;--grid-gutter-width:1.5rem;--grid-gap-xs:0.5rem;--grid-gap-sm:0.75rem;--grid-gap-md:1rem;--grid-gap-lg:1.5rem;--tag-padding:0.25rem 0.5rem;--tag-border-radius:var(--border-radius-sm);--tag-font-size:var(--font-size-xs);--btn-padding-sm:0.25rem 0.5rem;--btn-padding-md:0.5rem 1rem;--btn-padding-lg:0.75rem 1.5rem;--card-padding:var(--spacing-md);--card-border-radius:var(--border-radius-md);}.m-xs{margin:var(--spacing-xs);}.m-sm{margin:var(--spacing-sm);}.m-md{margin:var(--spacing-md);}.m-lg{margin:var(--spacing-lg);}.m-xl{margin:var(--spacing-xl);}.p-xs{padding:var(--spacing-xs);}.p-sm{padding:var(--spacing-sm);}.p-md{padding:var(--spacing-md);}.p-lg{padding:var(--spacing-lg);}.p-xl{padding:var(--spacing-xl);}.text-xs{font-size:var(--font-size-xs);}.text-sm{font-size:var(--font-size-sm);}.text-base{font-size:var(--font-size-base);}.text-lg{font-size:var(--font-size-lg);}.text-xl{font-size:var(--font-size-xl);}.font-mono{font-family:var(--font-family-mono);}.font-display{font-family:var(--font-family-display);}.rounded-sm{border-radius:var(--border-radius-sm);}.rounded-md{border-radius:var(--border-radius-md);}.rounded-lg{border-radius:var(--border-radius-lg);}.shadow-sm{box-shadow:var(--shadow-sm);}.shadow-md{box-shadow:var(--shadow-md);}.shadow-lg{box-shadow:var(--shadow-lg);}.transition-fast{transition:all var(--transition-fast);}.transition-base{transition:all var(--transition-base);}.transition-slow{transition:all var(--transition-slow);}