:root{--ryvento-navy:#0b1f3b;--ryvento-cobalt:#2563eb;--ryvento-teal:#14d8c4;--ryvento-cloud:#e9eef5;--background:var(--ryvento-cloud);--surface:#fff;--text-primary:var(--ryvento-navy);--text-secondary:#526176;--border:#d4dce6;--control-border:color-mix(in srgb, var(--ryvento-navy) 55%, var(--surface));--primary-action:var(--ryvento-cobalt);--primary-action-hover:color-mix(in srgb, var(--ryvento-cobalt) 80%, var(--ryvento-navy));--link:#1d4ed8;--accent:var(--ryvento-teal);--focus:var(--ryvento-cobalt);--on-primary:var(--surface);--navigation-surface:var(--ryvento-navy);--navigation-text:var(--ryvento-cloud);--navigation-border:color-mix(in srgb, var(--ryvento-cloud) 30%, var(--ryvento-navy));--navigation-hover:color-mix(in srgb, var(--ryvento-cobalt) 25%, var(--ryvento-navy));--navigation-selected:var(--ryvento-cobalt);--navigation-focus:var(--ryvento-teal);--notice-surface:color-mix(in srgb, var(--ryvento-cobalt) 6%, var(--surface));--shadow:color-mix(in srgb, var(--ryvento-navy) 14%, transparent);--success:#145136;--success-surface:#daf4e8;--warning:#664007;--warning-border:#8d621d;--warning-surface:#fff0ce;--danger:#991b1b;--danger-surface:#fef2f2}