:root{--nav-height-mobile: 145px;--nav-height-desktop: 180px;--nav-height: var(--nav-height-mobile);--footer-height: 100px;--color-primary: #2F4F3F;--color-primary-light: #3F6F4F;--color-primary-dark: #1F3F2F;--color-primary-focus-shadow: rgba(47, 79, 63, .25);--color-primary-border-subtle: rgba(47, 79, 63, .4);--color-primary-bg-hover-light: rgba(47, 79, 63, .15);--color-primary-selection-bg: #cfe4d7;--color-primary-surface-subtle: #e8f0eb;--color-secondary: #8B4513;--color-secondary-light: #A65D2E;--color-secondary-dark: #6B3410;--color-accent-1: #DAA520;--color-accent-2: #CD853F;--color-accent-3: #556B2F;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-light: #FFFFFF;--color-text-mint: #1A2F28;--color-text-muted: #6B7280;--color-text-placeholder: #6c757d;--color-text-input: var(--color-text-primary);--color-text: var(--color-text-primary);--color-heading-page: var(--color-text-primary);--color-button-primary-text: var(--color-text-light);--color-button-secondary-text: var(--color-primary);--color-bg-page: #F7F7F7;--color-bg-content: #FFFFFF;--color-bg-dark: #2F4538;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8FAF9;--color-bg-mint: #E7EAE5;--color-surface: var(--color-bg-content);--color-surface-raised: #F8F9FA;--color-surface-card: var(--color-bg-content);--color-surface-card-hover: #f9f9f9;--color-surface-tag: #EEF1F0;--color-surface-tag-hover: #E2E6E5;--color-surface-input: var(--color-bg-content);--color-surface-input-hover: #f7f7f7;--color-surface-dropdown: var(--color-bg-content);--color-surface-hover: #f0f0f0;--color-surface-selected: var(--color-primary-selection-bg);--color-surface-selected-text: var(--color-primary-dark);--color-button-secondary-bg: #e9ecef;--color-button-secondary-bg-hover: #dee2e6;--color-border: #E5E5E5;--color-border-dark: #CCCCCC;--color-border-input: #CED4DA;--color-border-button: var(--color-primary-border-subtle);--color-border-button-secondary-active: var(--color-primary);--color-card-border: #EAEAEA;--color-divider: #E9ECEF;--color-overlay: rgba(0, 0, 0, .5);--color-success: #28A745;--color-warning: #FFC107;--color-error: #DC3545;--color-info: #17A2B8;--color-primary-rgb: 47, 79, 63;--color-secondary-rgb: 139, 69, 19;--color-success-rgb: 40, 167, 69;--color-warning-rgb: 255, 193, 7;--color-error-rgb: 220, 53, 69;--color-info-rgb: 23, 162, 184;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 5px rgba(0, 0, 0, .06);--shadow-lg: 0 5px 15px rgba(0, 0, 0, .08);--shadow-card: 0px 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0px 4px 12px rgba(0, 0, 0, .08);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-secondary: "Merriweather", Georgia, serif;--font-family-heading: var(--font-family-secondary);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.625rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.75rem;--spacing-3xl: 2.25rem;--border-radius-sm: .2rem;--border-radius-md: .3rem;--border-radius-lg: .4rem;--border-radius-xl: .75rem;--border-radius-pill: 50px;--border-radius-full: 9999px;--border-radius-medium: var(--border-radius-lg);--radius-sm: var(--border-radius-sm);--radius-md: var(--border-radius-md);--radius-lg: var(--border-radius-lg);--radius-full: var(--border-radius-full);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--color-skeleton-bg: #e0e0e0;--color-skeleton-border: #d0d0d0;--color-skeleton-highlight: #f5f5f5}@media (min-width: 985px){:root{--nav-height: var(--nav-height-desktop)}}.dark-theme{--color-primary: #66BB6A;--color-primary-light: #81C784;--color-primary-dark: #388E3C;--color-primary-focus-shadow: rgba(102, 187, 106, .25);--color-primary-border-subtle: rgba(102, 187, 106, .5);--color-primary-bg-hover-light: rgba(102, 187, 106, .15);--color-primary-selection-bg: #3E5E4F;--color-primary-surface-subtle: #2c3e34;--color-text-primary: #E0E0E0;--color-text-secondary: #BDBDBD;--color-text-light: #212529;--color-text-mint: #E7EAE5;--color-text-muted: #9CA3AF;--color-text: var(--color-text-primary);--color-heading-page: var(--color-text-primary);--color-button-primary-text: #FFFFFF;--color-button-secondary-text: var(--color-primary-light);--color-bg-page: #121212;--color-bg-content: #1E1E1E;--color-bg-dark: #000000;--color-bg-primary: #1A1A1A;--color-bg-secondary: #2D2D2D;--color-bg-mint: #2F3B35;--color-surface: var(--color-bg-content);--color-surface-raised: #252525;--color-surface-card: #2C2C2C;--color-surface-card-hover: #383838;--color-surface-tag: #3a3a3a;--color-surface-tag-hover: #4a4a4a;--color-surface-input: #252525;--color-surface-input-hover: #303030;--color-surface-dropdown: #282828;--color-surface-hover: #333333;--color-surface-selected: var(--color-primary-selection-bg);--color-surface-selected-text: var(--color-text-primary);--color-button-secondary-bg: #33373A;--color-button-secondary-bg-hover: #3E444A;--color-border: #404040;--color-border-dark: #595959;--color-border-input: #505050;--color-card-border: #3a3a3a;--color-divider: #3a3a3a;--color-border-button: var(--color-primary-border-subtle);--shadow-card: 0px 2px 10px rgba(0, 0, 0, .25);--shadow-card-hover: 0px 5px 15px rgba(0, 0, 0, .35);--color-skeleton-bg: #3a3a3a;--color-skeleton-border: #4a4a4a;--color-skeleton-highlight: #5a5a5a}body{font-family:var(--font-family-primary);line-height:1.6;background-color:var(--color-bg-dark);color:var(--color-text);margin:0}h1,h2,h3,h4,h5,h6{font-weight:600;font-family:var(--font-family-heading)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.skeleton{background:var(--color-skeleton-bg);background:linear-gradient(110deg,var(--color-skeleton-bg) 8%,var(--color-skeleton-highlight) 18%,var(--color-skeleton-bg) 33%);border-radius:var(--border-radius-md);background-size:200% 100%;animation:1.5s shine linear infinite}@keyframes shine{to{background-position-x:-200%}}
