:root{--color-primary:#10b981;--color-secondary:#3b82f6;--color-accent:#8b5cf6;--color-text:#1f2937;--color-text-muted:#6b7280;--color-background:#ffffff;--color-border:#e5e7eb;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--font-heading:Inter,system-ui,-apple-system,sans-serif;--font-body:Inter,system-ui,-apple-system,sans-serif;--layout-containerWidth:1280px;--layout-spacing:1rem;--layout-borderRadius:0.5rem;--layout-buttonHeight:2.5rem;--color-primary-light:color-mix(in srgb,var(--color-primary) 10%,white);--color-primary-dark:color-mix(in srgb,var(--color-primary) 80%,black);--color-secondary-light:color-mix(in srgb,var(--color-secondary) 10%,white);--color-secondary-dark:color-mix(in srgb,var(--color-secondary) 80%,black)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-default{color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-default{border-color:var(--color-border)}.theme-button{background-color:var(--color-primary);color:white;border:none;border-radius:var(--layout-borderRadius);height:var(--layout-buttonHeight);padding:0 calc(var(--layout-spacing) * 2);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:all .2s ease}.theme-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.theme-button:active{transform:translateY(0)}.theme-button-secondary{background-color:var(--color-secondary)}.theme-button-secondary:hover{background-color:var(--color-secondary-dark)}.theme-button-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.theme-button-outline:hover{background-color:var(--color-primary);color:white}.theme-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--layout-borderRadius);padding:var(--layout-spacing)}.theme-card-hover{transition:all .2s ease}.theme-card-hover:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.theme-input{width:100%;padding:calc(var(--layout-spacing) * .75);border:1px solid var(--color-border);border-radius:var(--layout-borderRadius);font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);transition:border-color .2s ease}.theme-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.theme-container{max-width:var(--layout-containerWidth);margin:0 auto;padding:0 var(--layout-spacing)}.theme-heading{font-family:var(--font-heading);color:var(--color-text);font-weight:600}.theme-body{color:var(--color-text)}.theme-badge,.theme-body{font-family:var(--font-body)}.theme-badge{display:inline-block;padding:.25rem .75rem;border-radius:calc(var(--layout-borderRadius) * 2);font-size:.875rem;font-weight:500}.theme-badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.theme-badge-success{background-color:var(--color-success);color:white}.theme-badge-error{background-color:var(--color-error);color:white}.theme-badge-warning{background-color:var(--color-warning);color:white}.theme-alert{padding:var(--layout-spacing);border-radius:var(--layout-borderRadius);border-left:4px solid;font-family:var(--font-body)}.theme-alert-success{background-color:color-mix(in srgb,var(--color-success) 10%,white);border-color:var(--color-success);color:color-mix(in srgb,var(--color-success) 80%,black)}.theme-alert-error{background-color:color-mix(in srgb,var(--color-error) 10%,white);border-color:var(--color-error);color:color-mix(in srgb,var(--color-error) 80%,black)}.theme-alert-warning{background-color:color-mix(in srgb,var(--color-warning) 10%,white);border-color:var(--color-warning);color:color-mix(in srgb,var(--color-warning) 80%,black)}.theme-alert-info{background-color:color-mix(in srgb,var(--color-info) 10%,white);border-color:var(--color-info);color:color-mix(in srgb,var(--color-info) 80%,black)}.theme-link{color:var(--color-primary);text-decoration:none;font-family:var(--font-body);transition:color .2s ease}.theme-link:hover{color:var(--color-primary-dark);text-decoration:underline}.theme-spacing{padding:var(--layout-spacing)}.theme-spacing-sm{padding:calc(var(--layout-spacing) * .5)}.theme-spacing-lg{padding:calc(var(--layout-spacing) * 1.5)}.theme-spacing-xl{padding:calc(var(--layout-spacing) * 2)}.theme-rounded{border-radius:var(--layout-borderRadius)}.theme-rounded-sm{border-radius:calc(var(--layout-borderRadius) * .5)}.theme-rounded-lg{border-radius:calc(var(--layout-borderRadius) * 1.5)}.theme-rounded-full{border-radius:9999px}