:root{--color-primary:#26465a;--color-primary-light:#2e5069;--color-primary-dark:#1f3a4b;--color-primary-hover:#1f3a4b;--color-secondary:#7b8d7d;--color-accent:#d87d7d;--color-accent-light:#f8e6e6;--color-success:#4caf50;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-overlay:rgba(0,0,0,.5);--color-border:#e5e7eb;--color-border-focus:var(--color-primary);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:Georgia,"Times New Roman",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-width:1px;--border-width-thick:2px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080;--mobile-nav-height:64px;--mobile-bottom-nav-height:60px;--mobile-safe-area-bottom:env(safe-area-inset-bottom,0px);--touch-target-min:44px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:var(--font-semibold);transition:background-color var(--transition-fast)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--color-primary);border:var(--border-width) solid var(--color-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:var(--font-semibold);transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-lg);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg)}.input{background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(107,125,79,.1)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-bottom-nav-height) + var(--mobile-safe-area-bottom));background-color:var(--color-bg-primary);border-top:var(--border-width) solid var(--color-border);z-index:var(--z-sticky);padding-bottom:var(--mobile-safe-area-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:calc(env(safe-area-inset-bottom, 0) + var(--mobile-bottom-nav-height))}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}