:root{--font-family-base: Arial, sans-serif;--color-bg: #0f1115;--color-surface: #171a21;--color-surface-alt: #1f2430;--color-surface-soft: rgba(255, 255, 255, .02);--color-surface-overlay: rgba(255, 255, 255, .03);--color-text: #f3f5f7;--color-muted: #b8c0cc;--color-border: #2a3140;--color-button-primary-text: #111111;--color-image-placeholder-text: #8f99a8;--color-accent: #ff7a00;--color-accent-dark: #d76500;--color-accent-soft: rgba(255, 122, 0, .12);--color-accent-line: rgba(255, 122, 0, .24);--color-accent-text: #ffb067;--color-image-placeholder-start: #222836;--color-image-placeholder-end: #141820;--color-success-text: #77d38f;--color-success-surface: rgba(42, 183, 90, .14);--color-success-border: rgba(42, 183, 90, .26);--color-danger-text: #ff8d8d;--color-danger-surface: rgba(220, 70, 70, .14);--color-danger-border: rgba(220, 70, 70, .26);--color-warning-text: #ffbf70;--color-warning-surface: rgba(255, 160, 40, .14);--color-warning-border: rgba(255, 160, 40, .26);--container-width: 73.75em;--section-padding-y: 3em;--header-height: 4.5em;--radius-xs: .625em;--radius-sm: .75em;--radius-md: .875em;--radius-lg: 1.125em;--radius-xl: 1.5em;--radius-pill: 62.4375em;--shadow-card: 0 1em 2.5em rgba(0, 0, 0, .22);--shadow-soft: 0 .5em 1.5em rgba(0, 0, 0, .16);--transition-base: .2s ease;--space-section-head: 1.5em;--space-section-head-text-top: .75em;--space-section-head-admin-text-top: .625em;--space-card-padding: 1.5em;--space-image-placeholder-padding: 1.5em;--size-button-height: 2.875em;--size-button-height-sm: 2.5em;--size-button-height-xs: 2.375em;--size-button-padding-x: 1.125em;--size-button-padding-x-sm: .875em;--size-field-height: 2em;--size-field-padding-x: 1em;--size-round-control: var(--size-field-height);--size-badge-height: 2.125em;--size-badge-padding-x: .75em;--size-avatar: 2.75em;--size-section-text-max-width: 45em;--size-admin-heading: clamp(2rem, 4vw, 2.75rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0}button,input,select,textarea{font:inherit}textarea{resize:vertical}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}body{min-width:20em;font-family:var(--font-family-base);background:var(--color-bg);color:var(--color-text);line-height:1.5}h1,h2,h3{line-height:1.1}h1{font-size:clamp(2.5rem,5vw,3.375rem)}h2{font-size:clamp(2rem,4vw,2.375rem)}h3{font-size:1.375rem}p{color:var(--color-muted)}
