:root{--ethos-canvas-fill-01: #F8F5F1;--ethos-canvas-fill-02: #F0EBE5;--ethos-canvas-fill-03: #E3DED8;--ethos-canvas: var(--ethos-canvas-fill-01);--ethos-panel-bg-white: #FFFFFF;--ethos-panel-bg-light: #FFFFFF;--ethos-panel-bg-medium: #F8F5F1;--ethos-panel-bg-dark: #F0EBE5;--ethos-primary-50: #F2F8F4;--ethos-primary-100: #E1EFE8;--ethos-primary-200: #BDDCD0;--ethos-primary-300: #8AC1AC;--ethos-primary-400: #5BA088;--ethos-primary-500: #357F65;--ethos-primary-600: #1F4D3B;--ethos-primary-700: #173A2C;--ethos-primary-800: #0F2E22;--ethos-primary-900: #0F2E22;--ethos-primary: var(--ethos-primary-600);--ethos-primary-dark: var(--ethos-primary-700);--ethos-primary-light: var(--ethos-primary-100);--ethos-secondary-50: #ECFDF5;--ethos-secondary-100: #D1FAE5;--ethos-secondary-200: #A7F3D0;--ethos-secondary-300: #6EE7B7;--ethos-secondary-400: #34D399;--ethos-secondary-500: #10B981;--ethos-secondary-600: #059669;--ethos-secondary-700: #047857;--ethos-secondary-800: #065F46;--ethos-secondary-900: #064E3B;--ethos-secondary: var(--ethos-secondary-500);--ethos-error-100: #FEE2E2;--ethos-error-500: #EF4444;--ethos-error-700: #B91C1C;--ethos-warning-100: #FEF3C7;--ethos-warning-200: #FDE68A;--ethos-warning-300: #FCD34D;--ethos-warning-500: #F59E0B;--ethos-warning-700: #B45309;--ethos-neutral-50: #F8F5F1;--ethos-neutral-100: #F0EBE5;--ethos-neutral-200: #E3DED8;--ethos-neutral-300: #C9C3BC;--ethos-neutral-400: #ADA69E;--ethos-neutral-500: #8C857E;--ethos-neutral-600: #6B6560;--ethos-neutral-700: #4A4540;--ethos-neutral-800: #2E2A26;--ethos-neutral-900: #1A1815;--ethos-success: var(--ethos-secondary-500);--ethos-success-light: var(--ethos-secondary-100);--ethos-success-dark: var(--ethos-secondary-700);--ethos-error: var(--ethos-error-500);--ethos-error-light: var(--ethos-error-100);--ethos-error-dark: var(--ethos-error-700);--ethos-warning: var(--ethos-warning-500);--ethos-warning-light: var(--ethos-warning-100);--ethos-warning-dark: var(--ethos-warning-700);--ethos-info: var(--ethos-primary-500);--ethos-info-light: var(--ethos-primary-100);--ethos-info-dark: var(--ethos-primary-700);--ethos-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ethos-text-primary: var(--ethos-neutral-800);--ethos-text-secondary: var(--ethos-neutral-600);--ethos-text-tertiary: var(--ethos-neutral-500);--ethos-text-muted: var(--ethos-neutral-400);--ethos-text-inverse: #FFFFFF;--ethos-bg-primary: var(--ethos-panel-bg-white);--ethos-bg-secondary: var(--ethos-canvas);--ethos-bg-tertiary: var(--ethos-neutral-100);--ethos-bg-overlay: rgba(0, 0, 0, .5);--ethos-border-light: var(--ethos-neutral-200);--ethos-border-medium: var(--ethos-neutral-300);--ethos-border-dark: var(--ethos-neutral-400);--ethos-brand-fallback: #1F4D3B;--ethos-brand-fallback-rgb: 31, 77, 59;--brand-primary: var(--brand-color, var(--ethos-brand-fallback));--brand-primary-rgb: var(--brand-color-rgb, var(--ethos-brand-fallback-rgb));--brand-primary-subtle: rgba(var(--brand-primary-rgb), .1);--brand-primary-surface: rgba(var(--brand-primary-rgb), .16);--brand-primary-border: rgba(var(--brand-primary-rgb), .28);--font-serif: "Newsreader", Georgia, serif;--font-ios: var(--ethos-font-family-base);--color-ocean-blue: var(--brand-primary);--color-ocean-blue-500: var(--brand-primary);--color-ocean-blue-600: var(--brand-primary);--color-ocean-blue-700: var(--brand-primary);--color-ocean-blue-400: var(--brand-primary);--color-ocean-blue-100: var(--brand-primary-subtle);--color-ocean-blue-200: var(--brand-primary-border);--color-ocean-blue-900: var(--brand-primary);--color-success: var(--ethos-success);--color-success-light: var(--ethos-success-light);--color-success-dark: var(--ethos-success-dark);--color-error: var(--ethos-error);--color-error-light: var(--ethos-error-light);--color-error-dark: var(--ethos-error-dark);--color-warning: var(--ethos-warning);--color-warning-light: var(--ethos-warning-light);--color-warning-dark: var(--ethos-warning-dark);--color-info: var(--ethos-info);--color-info-light: var(--ethos-info-light);--color-info-dark: var(--ethos-info-dark);--color-disabled-text: var(--ethos-neutral-400);--bg-primary: var(--ethos-bg-primary);--bg-secondary: var(--ethos-bg-secondary);--bg-tertiary: var(--ethos-bg-tertiary);--text-primary: var(--ethos-text-primary);--text-secondary: var(--ethos-text-secondary);--text-muted: var(--ethos-text-muted);--text-inverse: var(--ethos-text-inverse);--text-brand: var(--brand-primary);--border-light: var(--ethos-border-light);--border-medium: var(--ethos-border-medium);--border-dark: var(--ethos-border-dark)}