:root{--etx-forest: #0B4D3E;--etx-forest-deep: #143529;--etx-forest-light: #1A6B2A;--etx-mint: #88D8B4;--etx-mint-soft: #E7F5EE;--etx-uae-red: #DE4138;--etx-uae-red-deep: #B7332B;--etx-cream: #F5F3EB;--etx-cream-soft: #FAF8F0;--etx-gold: #FFD27A;--etx-ink: #0F1814;--etx-ink-soft: #2D3B35;--etx-ink-muted: #5E6E67;--etx-stone-100: #F3F1E9;--etx-stone-200: #E8E5DA;--etx-stone-300: #D4D0C1;--color-bg: var(--etx-cream);--color-bg-elevated: var(--etx-cream-soft);--color-bg-inset: var(--etx-stone-100);--color-surface: #FFFFFF;--color-border: var(--etx-stone-200);--color-border-strong: var(--etx-stone-300);--color-text: var(--etx-ink);--color-text-muted: var(--etx-ink-soft);--color-text-subtle: var(--etx-ink-muted);--color-text-inverse: #FFFFFF;--color-primary: var(--etx-forest);--color-primary-hover: var(--etx-forest-deep);--color-primary-fg: #FFFFFF;--color-accent: var(--etx-mint);--color-accent-fg: var(--etx-forest);--color-danger: var(--etx-uae-red);--color-danger-hover: var(--etx-uae-red-deep);--color-danger-fg: #FFFFFF;--color-success: #2F8F5E;--color-warning: #C47A1E;--color-info: #2A6FB5;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Poppins", var(--font-sans);--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-32: 2rem;--fs-40: 2.5rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(11, 77, 62, .06);--shadow-md: 0 2px 8px rgba(11, 77, 62, .08), 0 1px 2px rgba(11, 77, 62, .04);--shadow-lg: 0 8px 24px rgba(11, 77, 62, .1), 0 2px 6px rgba(11, 77, 62, .05);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-med: .2s}:root[data-theme=dark],:root.dark{--color-bg: #0A1713;--color-bg-elevated: #0F211A;--color-bg-inset: #08120F;--color-surface: #132B22;--color-border: #1E3B30;--color-border-strong: #2A4E40;--color-text: #E8F0EB;--color-text-muted: #A7B8B0;--color-text-subtle: #6E8278;--color-primary: var(--etx-mint);--color-primary-hover: #6FC39A;--color-primary-fg: var(--etx-forest);--color-accent: var(--etx-gold);--color-accent-fg: var(--etx-forest);--color-danger: #E86259;--color-danger-hover: var(--etx-uae-red);--color-success: #5FC490}