:root{--text-light: var(--color-text-inverse);--color-dark: var(--color-text-primary);--navy: var(--color-primary);--ink: var(--color-text-primary);--muted: var(--color-text-muted);--line: var(--color-border);--blue: var(--color-primary);--soft: var(--color-surface);--button-color: var(--color-text-primary);--button-border-radius: var(--button-radius);--button-border-width: var(--control-border-width);--button-border-style: var(--control-border-style);--button-border-color: var(--color-border-strong);--button-padding: calc(var(--space-sm) * 1.5) var(--space-lg);--button-background: var(--button-primary-background);--button-background-hover: var(--button-primary-background-hover);--button-background-active: var(--button-primary-background-active);--button-focus-ring-color: var(--button-focus-ring);--button-disabled-background-value: var(--button-disabled-background);--button-disabled-text-value: var(--button-disabled-text);--button-disabled-border-color: var(--button-disabled-border);--button-disabled-opacity-value: var(--button-disabled-opacity);--button-shadow-value: var(--button-shadow);--button-font-weight-value: var(--button-font-weight);--button-text-transform-value: var(--button-text-transform);--button-display: inline-block;--input-button-bgcolor: var(--color-primary);--input-button-color: var(--color-text-inverse);--input-buttonbar-bgcolor: transparent;--input-buttonbar-border-color: #aaa;--form-font-family: var(--font-paragraph);--form-input-font-family: inherit;--form-label-color: var(--color-text-primary);--form-label-font-size: .9rem;--form-label-text-transform: uppercase;--form-label-weight: 700;--input-label-fontsize: .8rem;--input-label-fontweight: 400;--input-help-color: var(--color-text-secondary);--form-primary-color: var(--color-text-primary);--form-accent-color: var(--color-primary);--input-bgcolor: var(--color-input-background);--input-focus-bgcolor: var(--color-surface-elevated);--input-prefill-bgcolor: var(--color-surface-elevated);--input-valid-bgcolor: var(--color-success-background);--input-incomplete-bgcolor: var(--color-warning-background);--input-invalid-bgcolor: var(--color-error-background);--input-readonly-bgcolor: var(--color-surface-subtle);--input-disabled-bgcolor: var(--color-disabled-background);--label-inside-bgcolor: var(--color-surface-subtle);--bgcolor: var(--color-primary);--check-color: var(--color-text-primary);--checked-border-color: var(--check-color);--select-arrow-color: var(--form-accent-color);--selected-option-bg: var(--form-accent-color);--selected-option-color: var(--color-primary-text);--form-border-radius: var(--box-radius);--form-input-border-radius: var(--box-radius);--input-height: 30px;--input-border: 1px solid var(--color-input-border);--input-border-color: var(--color-input-border);--input-border-radius: var(--box-radius);--input-margin: var(--space-sm);--input-padding: var(--space-sm);--input-text-indent: var(--space-sm);--juice-validation-color-invalid: var(--color-error);--validation-color: var(--color-input-border);--validation-message-color: var(--juice-validation-color-invalid);--juice-forms-columns: 1;--juice-forms-gap: var(--space-md);--juice-field-span: 1;--juice-group-start-gap: 0;--form-angle-outer-size: 100%;--form-angle-outer-border: 2px solid var(--color-border);--form-angle-center-size: 10px;--form-angle-center-border: 0;--form-angle-center-background: var(--color-text-primary);--jform-dial-progress: var(--color-accent);--dial-knob-fill: var(--color-accent);--direction-sphere-bg: color-mix(in srgb, var(--color-surface) 75%, transparent);--direction-sphere-stroke: var(--color-border);--direction-x-ring-color: var(--color-error);--direction-y-ring-color: var(--color-success);--direction-z-ring-color: var(--color-primary);--direction-line-color: var(--color-text-primary);--direction-marker-fill: var(--color-accent);--direction-marker-stroke: var(--color-border-strong);--direction-display-color: var(--color-text-inverse);--rotation-sphere-bg: var(--direction-sphere-bg);--rotation-sphere-stroke: var(--direction-sphere-stroke);--rotation-x-ring-color: var(--direction-x-ring-color);--rotation-y-ring-color: var(--direction-y-ring-color);--rotation-z-ring-color: var(--direction-z-ring-color);--rotation-line-color: var(--direction-line-color);--rotation-marker-fill: var(--direction-marker-fill);--rotation-marker-stroke: var(--direction-marker-stroke);--rotation-display-color: var(--direction-display-color)}
