:root {
    --alicia-font-family-base: "Inter", "Segoe UI", Arial, sans-serif;
    --alicia-font-family-heading: "Inter", "Segoe UI", Arial, sans-serif;
    --alicia-font-size-xs: 0.75rem;
    --alicia-font-size-sm: 0.875rem;
    --alicia-font-size-base: 1rem;
    --alicia-font-size-lg: 1.125rem;
    --alicia-font-size-xl: 1.25rem;
    --alicia-font-size-2xl: 1.75rem;
    --alicia-font-size-3xl: 2.5rem;
    --alicia-font-weight-normal: 400;
    --alicia-font-weight-medium: 500;
    --alicia-font-weight-semibold: 600;
    --alicia-font-weight-bold: 700;
    --alicia-line-height-base: 1.6;
    --alicia-line-height-tight: 1.25;
    --alicia-space-1: 0.25rem;
    --alicia-space-2: 0.5rem;
    --alicia-space-3: 0.75rem;
    --alicia-space-4: 1rem;
    --alicia-space-5: 1.25rem;
    --alicia-space-6: 1.5rem;
    --alicia-space-8: 2rem;
    --alicia-space-10: 2.5rem;
    --alicia-space-12: 3rem;
    --alicia-radius-sm: 0.5rem;
    --alicia-radius-md: 0.875rem;
    --alicia-radius-lg: 1.25rem;
    --alicia-radius-xl: 1.5rem;
    --alicia-radius-pill: 999px;
    --alicia-transition-fast: 0.2s ease;
    --alicia-transition-base: 0.3s ease;
    --alicia-container-max-width: 1200px;
}

html[data-theme="light"] {
    --alicia-color-primary: #065F46;
    --alicia-color-primary-rgb: 6, 95, 70;
    --alicia-color-primary-hover: #047857;
    --alicia-color-primary-hover-rgb: 4, 120, 87;
    --alicia-color-secondary: #4C7AD6;
    --alicia-color-secondary-rgb: 76, 122, 214;
    --alicia-color-success: #22C55E;
    --alicia-color-success-rgb: 34, 197, 94;
    --alicia-color-warning: #D97706;
    --alicia-color-warning-rgb: 217, 119, 6;
    --alicia-color-danger: #DC2626;
    --alicia-color-danger-rgb: 220, 38, 38;
    --alicia-color-info: #0891B2;
    --alicia-color-info-rgb: 8, 145, 178;
    --alicia-bg-body: #FAFAF9;
    --alicia-bg-surface: #FFFFFF;
    --alicia-bg-surface-muted: #F5F5F5;
    --alicia-bg-header: rgba(255, 255, 255, 0.88);
    --alicia-text-primary: #101317;
    --alicia-text-secondary: #1F2328;
    --alicia-text-muted: #6E7581;
    --alicia-text-inverse: #FFFFFF;
    --alicia-border-color: #D8DDE6;
    --alicia-border-color-strong: #BCC2CE;
    --alicia-link-color: #065F46;
    --alicia-link-hover-color: #10B981;
    --alicia-selection-bg: rgba(6, 95, 70, 0.18);
    --alicia-scrollbar-thumb: #CDD3DD;
    --alicia-scrollbar-track: #F5F5F5;
    --alicia-notification-progress-bg: rgba(255, 255, 255, 0.72);
    --alicia-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
    --alicia-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
    --alicia-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.16);
    --alicia-public-hero-bg: linear-gradient(180deg, #FAFAF9 0%, #FFFFFF 100%);
    --alicia-public-hero-glow: rgba(76, 122, 214, 0.08);
    --alicia-public-section-bg: #FFFFFF;
    --alicia-public-card-bg: #FAFAF9;
    --alicia-public-card-border: #D8DDE6;
    --alicia-public-card-hover-border: #065F46;
    --alicia-public-kicker-bg: #FFFFFF;
    --alicia-public-kicker-text: #065F46;
    --alicia-public-tag-bg: #FFFFFF;
    --alicia-public-tag-text: #6E7581;
    --alicia-public-icon-bg: #FFFFFF;
    --alicia-public-icon-color: #065F46;
    --alicia-public-placeholder-bg: #F5F5F5;
    --alicia-public-placeholder-text: #6E7581;
    --alicia-public-badge-bg: #56CFA3;
    --alicia-public-badge-text: #FFFFFF;
    --bs-primary: var(--alicia-color-primary);
    --bs-primary-rgb: var(--alicia-color-primary-rgb);
    --bs-secondary: var(--alicia-color-secondary);
    --bs-secondary-rgb: var(--alicia-color-secondary-rgb);
    --bs-success: var(--alicia-color-success);
    --bs-success-rgb: var(--alicia-color-success-rgb);
    --bs-warning: var(--alicia-color-warning);
    --bs-warning-rgb: var(--alicia-color-warning-rgb);
    --bs-danger: var(--alicia-color-danger);
    --bs-danger-rgb: var(--alicia-color-danger-rgb);
    --bs-info: var(--alicia-color-info);
    --bs-info-rgb: var(--alicia-color-info-rgb);
    --bs-body-bg: var(--alicia-bg-body);
    --bs-body-color: var(--alicia-text-secondary);
    --bs-border-color: var(--alicia-border-color);
    --bs-link-color: var(--alicia-link-color);
    --bs-link-hover-color: var(--alicia-link-hover-color);
    --color-bg: var(--alicia-bg-body);
    --color-bg-alt: var(--alicia-bg-surface);
    --color-bg-alt2: var(--alicia-bg-surface-muted);
    --color-bg-alt3: var(--alicia-bg-surface);
    --color-text: var(--alicia-text-secondary);
    --color-text-muted: var(--alicia-text-muted);
    --color-heading: var(--alicia-text-primary);
    --color-inverse-text: var(--alicia-text-inverse);
    --color-border: var(--alicia-border-color);
    --color-link: var(--alicia-link-color);
    --color-link-hover: var(--alicia-link-hover-color);
    --color-bg-badge: var(--alicia-public-badge-bg);
    --success-color: var(--alicia-color-success);
    --accent-blue: var(--alicia-color-primary);
    --accent-blue-hover: var(--alicia-link-hover-color);
    --public-hero-bg: var(--alicia-public-hero-bg);
    --public-hero-glow: var(--alicia-public-hero-glow);
    --public-section-alt-bg: var(--alicia-public-section-bg);
    --public-card-bg: var(--alicia-public-card-bg);
    --public-card-border: var(--alicia-public-card-border);
    --public-card-hover-border: var(--alicia-public-card-hover-border);
    --public-kicker-bg: var(--alicia-public-kicker-bg);
    --public-kicker-text: var(--alicia-public-kicker-text);
    --public-tag-bg: var(--alicia-public-tag-bg);
    --public-tag-text: var(--alicia-public-tag-text);
    --public-icon-bg: var(--alicia-public-icon-bg);
    --public-icon-color: var(--alicia-public-icon-color);
    --public-placeholder-bg: var(--alicia-public-placeholder-bg);
    --public-placeholder-text: var(--alicia-public-placeholder-text);
    --public-badge-bg: var(--alicia-public-badge-bg);
    --public-badge-text: var(--alicia-public-badge-text);
}

html[data-theme="dark"] {
    --alicia-color-primary: #059669;
    --alicia-color-primary-rgb: 5, 150, 105;
    --alicia-color-primary-hover: #10B981;
    --alicia-color-primary-hover-rgb: 16, 185, 129;
    --alicia-color-secondary: #4C7AD6;
    --alicia-color-secondary-rgb: 76, 122, 214;
    --alicia-color-success: #22C55E;
    --alicia-color-success-rgb: 34, 197, 94;
    --alicia-color-warning: #F59E0B;
    --alicia-color-warning-rgb: 245, 158, 11;
    --alicia-color-danger: #F87171;
    --alicia-color-danger-rgb: 248, 113, 113;
    --alicia-color-info: #22D3EE;
    --alicia-color-info-rgb: 34, 211, 238;
    --alicia-bg-body: #0F172A;
    --alicia-bg-surface: #162033;
    --alicia-bg-surface-muted: #131C2F;
    --alicia-bg-header: rgba(22, 32, 51, 0.88);
    --alicia-text-primary: #FFFFFF;
    --alicia-text-secondary: #F8FAFC;
    --alicia-text-muted: #8A95A5;
    --alicia-text-inverse: #FFFFFF;
    --alicia-border-color: #30363D;
    --alicia-border-color-strong: #2C3A4A;
    --alicia-link-color: #059669;
    --alicia-link-hover-color: #10B981;
    --alicia-selection-bg: rgba(16, 185, 129, 0.24);
    --alicia-scrollbar-thumb: #2C3A4A;
    --alicia-scrollbar-track: #131C2F;
    --alicia-notification-progress-bg: rgba(255, 255, 255, 0.35);
    --alicia-shadow-sm: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
    --alicia-shadow-md: 0 0.75rem 2rem rgba(0, 0, 0, 0.30);
    --alicia-shadow-lg: 0 1.5rem 3rem rgba(0, 0, 0, 0.35);
    --alicia-public-hero-bg: linear-gradient(180deg, #0F172A 0%, #162033 100%);
    --alicia-public-hero-glow: rgba(76, 122, 214, 0.14);
    --alicia-public-section-bg: #162033;
    --alicia-public-card-bg: #162033;
    --alicia-public-card-border: #30363D;
    --alicia-public-card-hover-border: #059669;
    --alicia-public-kicker-bg: #131C2F;
    --alicia-public-kicker-text: #10B981;
    --alicia-public-tag-bg: #131C2F;
    --alicia-public-tag-text: #8A95A5;
    --alicia-public-icon-bg: #131C2F;
    --alicia-public-icon-color: #10B981;
    --alicia-public-placeholder-bg: #131C2F;
    --alicia-public-placeholder-text: #8A95A5;
    --alicia-public-badge-bg: #56CFA3;
    --alicia-public-badge-text: #FFFFFF;
    --bs-primary: var(--alicia-color-primary);
    --bs-primary-rgb: var(--alicia-color-primary-rgb);
    --bs-secondary: var(--alicia-color-secondary);
    --bs-secondary-rgb: var(--alicia-color-secondary-rgb);
    --bs-success: var(--alicia-color-success);
    --bs-success-rgb: var(--alicia-color-success-rgb);
    --bs-warning: var(--alicia-color-warning);
    --bs-warning-rgb: var(--alicia-color-warning-rgb);
    --bs-danger: var(--alicia-color-danger);
    --bs-danger-rgb: var(--alicia-color-danger-rgb);
    --bs-info: var(--alicia-color-info);
    --bs-info-rgb: var(--alicia-color-info-rgb);
    --bs-body-bg: var(--alicia-bg-body);
    --bs-body-color: var(--alicia-text-secondary);
    --bs-border-color: var(--alicia-border-color);
    --bs-link-color: var(--alicia-link-color);
    --bs-link-hover-color: var(--alicia-link-hover-color);
    --color-bg: var(--alicia-bg-body);
    --color-bg-alt: var(--alicia-bg-surface);
    --color-bg-alt2: var(--alicia-bg-surface-muted);
    --color-bg-alt3: var(--alicia-bg-surface);
    --color-text: var(--alicia-text-secondary);
    --color-text-muted: var(--alicia-text-muted);
    --color-heading: var(--alicia-text-primary);
    --color-inverse-text: var(--alicia-text-inverse);
    --color-border: var(--alicia-border-color);
    --color-link: var(--alicia-link-color);
    --color-link-hover: var(--alicia-link-hover-color);
    --color-bg-badge: var(--alicia-public-badge-bg);
    --success-color: var(--alicia-color-success);
    --accent-blue: var(--alicia-color-primary);
    --accent-blue-hover: var(--alicia-link-hover-color);
    --public-hero-bg: var(--alicia-public-hero-bg);
    --public-hero-glow: var(--alicia-public-hero-glow);
    --public-section-alt-bg: var(--alicia-public-section-bg);
    --public-card-bg: var(--alicia-public-card-bg);
    --public-card-border: var(--alicia-public-card-border);
    --public-card-hover-border: var(--alicia-public-card-hover-border);
    --public-kicker-bg: var(--alicia-public-kicker-bg);
    --public-kicker-text: var(--alicia-public-kicker-text);
    --public-tag-bg: var(--alicia-public-tag-bg);
    --public-tag-text: var(--alicia-public-tag-text);
    --public-icon-bg: var(--alicia-public-icon-bg);
    --public-icon-color: var(--alicia-public-icon-color);
    --public-placeholder-bg: var(--alicia-public-placeholder-bg);
    --public-placeholder-text: var(--alicia-public-placeholder-text);
    --public-badge-bg: var(--alicia-public-badge-bg);
    --public-badge-text: var(--alicia-public-badge-text);
}
